HTML如何插入js?

JavaScript017

HTML如何插入js?,第1张

HTML页面里想要插入js需要使用script标签。在一对script标签中间写你想要插入的js代码就行,而这一对script标签可以放到head之间,也可以放到body之间,这是直接在页面写的方法,另一种方法是引入外部的js文件,同样使用script,这时不在该标签之间写代码,而是通过src=“js文件路径”引入,通常为了页面简洁常用外部引入的方法。

方法和详细的操作步骤如下:

1、第一步,创建一个测试php文件,见下图,转到下面的步骤。

2、第二步,执行完上面的操作之后,在其中添加html所需的代码,见下图,转到下面的步骤。

3、第三步,执行完上面的操作之后,要求在其中添加一个js脚本,定义一个变量,见下图,转到下面的步骤。

4、第四步,执行完上面的操作之后,在底部的php中添加代码,该代码定义了默认为0的b变量,准备使用其来接收js中的a值,见下图,转到下面的步骤。

5、第五步,执行完上面的操作之后,在脚本中使用writeln输出a,并将其分配给php中的变量b,

 然后回显输出以查看b中的值,见下图,转到下面的步骤。

6、第六步,执行完上面的操作之后,在浏览器中打开php文件,将直接回显js中变量a的值为100。这时,php将js中的变量获取完成,见下图。这样,就解决了这个问题了。

最简单的方法就是把js代码放在<script></script>标签内,例如:

<!DOCTYPE html>

<html>

<head>

<title>将js代码直接写在网页内</title>

<script>

alert('Hello!I am js.')

</script>

</head>

<body>

text

</body>

</html>

也可以将js代码写在以.js结尾的文件里,然后在html里引用,例如:

<!DOCTYPE html>

<html>

<head>

<title>引用js代码文件</title>

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

</head>

<body>

text

</body>

</html>