Js和html相结合的方式

时间 2019-11-10

标签 html 相结合方式栏目 JavaScript 繁體版

原文原文链接

目录 javascript

js和html相结合的方式. 1 html

把 JavaScript 放入 HTML 页面. 1 java

使用外部JavaScript 2 windows

在哪里放置javascript 2 浏览器

js和html相结合的方式

当js脚本写好以后如何来使用js呢，有2种方式对js进行调用， ide

l js代码和html代码都写在html网页中 spa

l 将js文件单独写在一个文件中，而后使用引入到html语言中 orm

把 JavaScript 放入 HTML 页面

若是须要把一段 JavaScript 插入 HTML 页面，咱们须要使用 <script> 标签（同时使用 type 属性来定义脚本语言）。 xml

这样，<script type="text/javascript"> 和 </script> 就能够告诉浏览器 JavaScript 从何处开始，到何处结束。 htm

<html>

<head>

</head>

<body>

<script type = "text/javascript">

//js代码区域

alert("hello js!");

</script>

</body>

</html>

使用外部JavaScript

有时，你也许但愿在若干个页面中运行 JavaScript，同时不在每一个页面中写相同的脚本。
为了达到这个目的，你能够将 JavaScript 写入一个外部文件之中。而后以 .js 为后缀保存这个文件。而后把 .js 文件指定给 <script> 标签中的 "src" 属性，就可使用这个外部文件了：

当网页打开后会调用script中的代码

HTML文件

<html>

<head>

</head>

<body>

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

</body>

</html>

JS文件

建立一个.js文件名字叫作myJavascript.js而后将这个文件和html文件放在一块儿

当在HTML文件中连接好了这个js文件，之后就能够在这个js文件里写代码了。

alert( "hello js!" );

提示：

一旦在script标签中引入了src属性，而且连接了.js文件，那么再在<script></script>标签中的嵌入代码将均不会被执行。

在哪里放置javascript

代码本身从新总结

页面中的脚本会在页面载入浏览器后当即执行。咱们并不总但愿这样。有时，咱们但愿当页面载入时执行脚本，而另外的时候，咱们则但愿当用户触发事件时才执行脚本。

位于 head 部分的脚本：

当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到 head 部分后，就能够确保在须要使用脚本以前，它已经被载入了。

<html>

<head>

....

</script>

</head>

....

位于 body 部分的脚本：

在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后，它就会生成页面的内容。

<html>

<head>

</head>

<body>

....

</script>

</body>

</html>

在 body 和 head 部分的脚本：

你能够在文档中放置任何数量的脚本，所以你既能够把脚本放置到 body，又能够放置到 head 部分。

<html>

<head>

....

</script>

</head>

<body>

....

</script>

</body>

</html>

来自为知笔记(Wiz)