Julia's BLOG

JS 学习笔记-0

2018-02-10

1. button事件响应

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. 警示框

1
window.alert(5 + 6);

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 允许您向对象添加属性和方法
使用支付宝打赏
使用微信打赏

若你觉得我的文章对你有帮助,欢迎点击上方按钮对我打赏

扫描二维码,分享此文章