网页js怎么用,用js做一个网页

http://www.itjxue.com  2023-01-07 04:00  来源:未知  点击次数: 

js如何使用?

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

2,在HTML页面中直接嵌入js代码

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

4,script

alert("My First JavaScript");

/script

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

6,第二种用法:通过链接外部的JavaScript文件。

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

然后将要编写的js代码写到Js文件中,并保存文件。使用script标签将JavaScript文件链接到HTML文件中

怎样在网页中插入JavaScript代码

步骤

1、新建一网页文件“sample.html",用记事本或其它文本编辑软件(如UltraEdit)打开,输入如图所示的HTML代码。该网页文件包括一个蓝色的字符串,一个按钮和一个文本框。

2、JS代码可插入到”head"标签之间。编写Javascript代码,代码内容如图所示,并将该段代码复制到网页文件”sample.html“中标签”head"和“/head之间,然后查看网页文件的显示内容。

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("h1This is a heading/h1");

document.write("pThis 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("pThis is a paragraph/p");

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

!DOCTYPE html

html

head

/head

body

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

/body

/html

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

(责任编辑:IT教学网)

更多

推荐其他源码文章