javascript_DOM 编程艺术学习笔记（一）

最新推荐文章于 2024-08-12 09:24:46 发布

ssqfzc

最新推荐文章于 2024-08-12 09:24:46 发布

阅读量476

点赞数

分类专栏： js基础文章标签： javascript dom js js基础

本文链接：https://blog.csdn.net/ssqfzc/article/details/49883543

版权

js基础专栏收录该内容

10 篇文章 0 订阅

订阅专栏

javascript_DOM 编程艺术学习笔记（一）

一、js放入html代码的三种方式

1、第一种方式是将JavaScript代码放到文档<head>标签中的<script>标签之间

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
alert("呵呵");
</script>
</head>
<body>

</body>
</html>

2、第二种比第一种好，将JavaScript代码存入一个扩展名为.js的独立文件。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="example.js"></script>
<body>

</body>
</html>

3、一种最好的方式是<script>标签放到HTML文档的最后，</body>标签之前，这样能使浏览器更快地加载页面。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<body>
<h1>晕了</h1>
<script type="text/javascript" src="example.js"></script>
</body>
</html>

二、数组

1、一维数组

1）指定数组长度

var arr = Array(4);

2）不指定数组长度

var arr = Array();

var arr = new Array();

3）var arr = Array("John","paul","Georage");

4）var arr = [] 等价于 Array()

var arr = [1,"hehe",false];

2、多维数组

var a = [1,"dsf",false];
var b = [a];
alert(b[0][0]);

也可以

var a = [1,"dsf",false];
var b = [];
b[0] = a;
alert(b[0][0]);

三、关联数组

var a  = Array();
a["1"] = 0;
alert(a["1"]);

或者

var a  = [];
a["1"] = 0;
alert(a["1"]);

不推荐使用这种方法。本质上，在创建关联数组时，你创建的是Array对象的属性。建议使用通用对象(Object)。

四、对象

1、创建对象并引用

var o = Object();
o.name = "john";
o.age = 21;
o.living = false;
alert(o.name);

或者

var o = {name:"john",age:21,living:false};
alert(o.age);

又或者

var o = {};
o.name = "john";
alert(o.name);

2、数组和对象的引用

var o = {};
o.name = "john";
var a = [o];
alert(a[0].name);

3、对象和对象的引用

var o = {};
o.name = "john";
var b = {index:o};
alert(b.index.name);

五、比较操作符

if("a" == "a"){
alert("true");
}else{
alert("false");
}

输出结果：true
正常情况下这种方法是正确的。相等操作符并不严格，比如：比较空字符串和false，会出现不一样的结果

if("" == false){
alert("true");
}else{
alert("false");
}

输出结果：true
因为==操作符认为空字符串和false的含义相同。!=也是一样的。如果要严格比较实用===，!==

if("" === false){
alert("true");
}else{
alert("false");
}

输出结果：false

六、函数

var p = print("hehe");
alert(p);
function print (argument) {
return argument
}

输出结果：hehe

七、变量的作用域

全局变量：可以在脚本中的任何位置被引用

局部变量：只存在于声明他的那个函数的内部。如果在某个函数中使用var，那个变量就是局部变量。

例子：

function square(num){
total = num * num;
return total;
}
var total = 20;
var number = square(total);
alert(total);

运行结果：400

function square(num){
var total = num * num;
return total;
}
var total = 20;
var number = square(total);
alert(total);

运行结果：20

ssqfzc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript_DOM 编程艺术学习笔记（一）

包含了一维数组、多维数组的定义方法，对象的定义方法，变量的作用域，函数，
复制链接

扫一扫

专栏目录