1)一般
1
| <button type="button" onclick=“alert('欢迎!')">点我!</button>
|
2)通过id
1 2 3 4 5 6 7 8 9 10 11
| <h1>我的第一段 JavaScript</h1> <p id="demo"> JavaScript 能改变 HTML 元素的内容。 </p> <script> function myFunction(){ x=document.getElementById("demo"); // 找到元素 x.innerHTML="Hello JavaScript!"; // 改变内容 } </script> <button type="button" onclick="myFunction()">点击这里</button>
|
2. 警示框
3. 修改HTML元素
1
| document.getElementById(“demo").innerHTML="段落已修改。";
|
4. 写操作
1
| 使用 console.log() 方法在浏览器中(调试模式)显示 JavaScript 值
|
5. 数组
例1:
1 2 3 4 5 6 7 8
| var i; var cars = new Array(); cars[0] = "Saab"; cars[1] = "Volvo"; cars[2] = "BMW"; for (i=0;i<cars.length;i++){ document.write(cars[i] + "<br>"); }
|
例2:
1
| var cars=new Array(“Saab","Volvo","BMW");
|
例3:
1
| var cars=["Saab","Volvo","BMW"];
|
6. 对象
1
| var person={firstname:"John", lastname:"Doe", id:5566};
|
寻址方式:
1 2
| name=person.lastname; name=person[“lastname"];
|
7. 声明变量类型
1 2 3 4 5
| var carname = new String; var x = new Number; var y = new Boolean; var cars = new Array; var person = new Object;
|
8. 常见的HTML事件
下面是一些常见的HTML事件的列表:
事件 |
描述 |
onchange |
HTML 元素改变 |
onclick |
用户点击 HTML 元素 |
onmouseover |
用户在一个HTML元素上移动鼠标 |
onmouseout |
用户从一个HTML元素上移开鼠标 |
onkeydown |
用户按下键盘按键 |
onload |
浏览器已完成页面的加载 |
9. 常见转义符
下表中列举了在字符串中可以使用转义字符转义的特殊字符:
代码 |
输出 |
\’ |
单引号 |
\” |
双引号 |
\ |
反斜杠 |
\n |
换行 |
\r |
回车 |
\t |
tab(制表符) |
\b |
退格符 |
\f |
换页符 |
10. 字符串属性
属性 |
描述 |
constructor |
返回创建字符串属性的函数 |
length |
返回字符串的长度 |
prototype |
允许您向对象添加属性和方法 |
若你觉得我的文章对你有帮助,欢迎点击上方按钮对我打赏