随笔分类 - JavaWeb
摘要：JS事件监听 绑定事件 为表单项input绑定onclick事件, 当按钮被点击时触发on函数 <form> <input type="button" id="btn1" value="事件绑定" onclick="on()"> </form> on函数 <script> function on()
阅读全文
摘要：JavaScript对象-DOM 当html标签被浏览器解析后, 会被分别封装成Document, Element, Attribute, Text, Comment五个对象 获取Element元素对象的函数 html <html> <body> <img src="img/1.png" id="h
阅读全文
摘要：JavaScript对象-BOM Window对象 浏览窗口对象 Location属性 地址栏对象, 使用window.location获取, window.可以省略 <script> //显示当前页面的url地址 alert(location.href); //修改地址栏url,使其并跳转到其他网
阅读全文
摘要：JS对象-自定义对象&JSON 自定义对象 类似java的类 Json的所有属性(key)需要用双引号包围, 本质是字符串 <script> var user = { name:"tom", age:10, gender:"male", //eat: function(){} //可以简写为 eat
阅读全文
摘要：JS对象-字符串String 字符串的创建方式 <script> //字符串创建方式1 var str1 = new String("str1"); //字符串创建方式2 var str2 = "str2"; </script> 字符串属性&方法 length属性 <script> console.
阅读全文
摘要：JS对象 - 数组Array 数组的定义及特性 数组定义 <script> // 数组定义方式1, 赋值给变量 var arr1 = new Array(1,2,3); // 数组定义方式2, 初始化数组 var arr2 = [4,5,6]; </script> JS数组长度可变 <script>
阅读全文
摘要：流程控制语句 与java基本一致的语法 <script> var a = true; if(a){ //语句 }else{ //语句 } </script> 函数 函数定义方式1 <script> function add(a,b){ return a+b; } alert(add(1,2)); /
阅读全文
摘要：JS数据类型,运算符,类型转换 利用typeof获取数据类型 数字3的类型 <script> console.log("3的类型: "+typeof 3); </script> 浮点数 <script> console.log("3.14的类型: "+typeof 3.14); </script>
阅读全文
摘要：JS书写语法以及变量 变量 声明变量 <script> var a = 20; a = "张三"; //js是一门弱类型语言,变量可以存放不同类型的值 </script> 几种不同的变量声明方式 var var定义的是全局变量 在代码块中声明的变量, 在代码块外也可以访问 可以重复定义 <scrip
阅读全文
摘要：JavaScript JS的引入方法 内部脚本 在script标签间插入js语句, 可以在任意位置放置任意数量的script, 为了改善显示速度, 一般把js脚本放在body的底部 <!-- 内部脚本 --> <script> // 警告框 alert('Hello JS'); </script>
阅读全文
摘要：表单项 input 定义表单项,通过type属性控制输入形式 select 定义下拉列表 textarea 定义文本域 input text 文本框 姓名: <input type="text" name="name"> <br><br> password 密码框 密码: <input type="
阅读全文
摘要：Form表单标签 属性 action 规定当提交表单时向何处(URL)发送表单数据 如果不指定URL,默认提交到当前页面 method 规定用于发送表单数据的方式(默认值是GET) GET 在URL后拼接表单数据: ?username=hikaru44&age=2000, URL的长度是有限制的,
阅读全文
摘要：table表格标签 table border 表格边框的宽度 width 规定表格的宽度 cellspacing 规定单元格之间的空隙 tr: 行 td: 单元格 th: 如果是表头单元格, 可以替换为th, 默认带有加粗和居中展示的效果 <table border="5px" width="600
阅读全文
摘要：盒子模型 布局标签 div&span DIV 一行只显示一个， 宽度默认是父元素的宽度, 高度默认由内容撑开, 可以设置宽高 设置div的CSS样式 <style> div{ width: 200px; height: 200px; box-sizing: border-box; /* 指定widt
阅读全文
摘要：CSS选择器 元素选择器 <style> p{ color: lightcoral; } </style> <!-- 元素选择器: 设置了某个元素(span, p, h1)的样式--> <p>元素选择器</p> 类选择器 <style> .hclass{ color: lightgoldenrody
阅读全文
摘要：【HTML】CSS样式 设置CSS样式的三种方式 行内样式（不推荐） 内嵌样式（写在style标签中，可以写在页面各种位置，一般写在head标签中） 外联样式 写在单独的css文件中，需要通过link在网页中引入 行内样式 <h1 style="color: rgb(66, 139, 92);">行
阅读全文
摘要：HTML常见标签 p 段落标签 <p> 段落内容 </p> b 加粗标签 <b>加粗标签</b> strong 加粗+强调标签 strong和b在样式上没有什么差别, 只是便于强调区分 <strong>强调+加粗标签</strong> img 图片标签 src 图片路径 (绝对磁盘路径, 绝对网页路
阅读全文
