js如何使用?

JavaScript014

js如何使用?,第1张

我们先来看第一种用法:在HTML页面中直接嵌入js代码

如果在HTML页面中直接嵌入JavaScript代码,我们需要使用 <script>标签,<script>和 </script>会告诉 JavaScript 在何处开始和结束。

<script>和 </script>之间的代码行包含了 JavaScript:

<script>

alert("My First JavaScript")

</script>

在HTML页面的任何位置(head部分 body部分 body的后面 较好)都可以插入script标签。

你有可能会在 <script>标签中看到使用 type="text/javascript",但是现在已经不必这样做了。JavaScript现在已经是所有现代浏览器以及 HTML5 中的默认脚本语言。

我们来看一个具体的示例

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<script>

document.write("<h1>This is a heading</h1>")

document.write("<p>This is a paragraph</p>")

</script>

</body>

</html>

上述代码就是在在HTML页面中直接嵌入js代码。

接着我们来看看js代码的第二种用法:通过链接外部的JavaScript文件。

有时JavaScript代码过多的话,我们可以将代码单独放在JavaScript文件中然后链接起来。

我们链接外部JavaScript文件可以有以下步骤

1、首先我们建立一个JavaScript文件,扩展名是.js

2、然后将要编写的js代码写到Js文件中,并保存文件。

3、使用script标签将JavaScript文件链接到HTML文件中

<script type="text/javascript" src="JavaScript文件名和路径"></script>

需要注意一点的是,在一个已经引入外部js文件的script标签中,不能在它的开始标签和结束标签中写Js命令了。

我们来看一个具体的示例

我们先建一个js文件sample.js

然后写入js代码

document.write("<p>This is a paragraph</p>")

最后使用script标签将JavaScript文件链接到HTML文件中

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<script type="text/javascript" src="sample.js"></script>

</body>

</html>

以上就是js代码使用的两种方法

来看看js代码的用法。

我们在使用JavaScript代码有两种写法:一种是在HTML页面中直接嵌入js代码,另一种是通过链接外部的JavaScript文件。

我们先来看第一种用法:在HTML页面中直接嵌入js代码

如果在HTML页面中直接嵌入JavaScript代码,我们需要使用 <script>标签,<script>和 </script>会告诉 JavaScript 在何处开始和结束。

<script>和 </script>之间的代码行包含了 JavaScript:

<script>

alert("My First JavaScript")

</script>

在HTML页面的任何位置(head部分 body部分 body的后面 较好)都可以插入script标签。

你有可能会在 <script>标签中看到使用 type="text/javascript",但是现在已经不必这样做了。JavaScript现在已经是所有现代浏览器以及 HTML5 中的默认脚本语言。

我们来看一个具体的示例

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<script>

document.write("<h1>This is a heading</h1>")

document.write("<p>This is a paragraph</p>")

</script>

</body>

</html>

上述代码就是在在HTML页面中直接嵌入js代码。

接着我们来看看js代码的第二种用法:通过链接外部的JavaScript文件。

有时JavaScript代码过多的话,我们可以将代码单独放在JavaScript文件中然后链接起来。

我们链接外部JavaScript文件可以有以下步骤

1、首先我们建立一个JavaScript文件,扩展名是.js

2、然后将要编写的js代码写到Js文件中,并保存文件。

3、使用script标签将JavaScript文件链接到HTML文件中

<script type="text/javascript" src="JavaScript文件名和路径"></script>

需要注意一点的是,在一个已经引入外部js文件的script标签中,不能在它的开始标签和结束标签中写Js命令了。

我们来看一个具体的示例

我们先建一个js文件sample.js

然后写入js代码

document.write("<p>This is a paragraph</p>")

最后使用script标签将JavaScript文件链接到HTML文件中

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<script type="text/javascript" src="sample.js"></script>

</body>

</html>

以上就是js代码使用的两种方法

对象是复杂数据类型,定义了无序键值对的集合

delect obj.name 删除属性名和值

obj.name = undefined 删除属性值

name in obj &&name === undefined 判断含有属性名,但值为undefined

注意 name === undefined 不能判定 name 是否为 obj 的属性

Object.key(obj) 查看对象的所有属性名

Object.values(obj) 查看对象的所有属性值

Object.entries(obj) 查看对象的所有属性名和属性值

console.dir(obj) 查看共有属性和自身属性

name in obj 判断属性名是否存在,不会区分自身属性和共有属性

obj.hasOwnProperty('name') 判断对象自身拥有的属性,不包含共有属性

属性存在则修改,没有则增加

批量赋值,ES6 新出

Object.assign(obj, {p1 = 1, p2 = 2, p3 = 3})