Js和html相结合的方式

 

 

目录

 

js和html相结合的方式. 1

把 JavaScript 放入 HTML 页面. 1

使用外部JavaScript 2

在哪里放置javascript 2

 

 

 

 

jshtml相结合的方式

 

js脚本写好之后 如何来使用js呢,有2种方式对js进行调用,

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

l  js文件单独写在一个文件中,然后使用引入到html语言中

 

 

 

 如果需要把一段 JavaScript 插入 HTML 页面,我们需要使用 <script> 标签(同时使用 type 属性来定义脚本语言)。

这样,<script type="text/javascript"> </script> 就可以告诉浏览器 JavaScript 从何处开始,到何处结束。

 

<html>

<head>

<title></title>

</head>

 

<body>

<script type = "text/javascript">

        //js代码区域

        alert("hello js!");

</script>

</body>

 

</html>

 

使用外部JavaScript

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

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

 

HTML文件

<html>

<head>

<title></title>

</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 type="text/javascript">

....

</script>

</head>

....

 

 

 

位于 body 部分的脚本:

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

<html>

<head>

</head>

 

<body>

<script type="text/javascript">

....

</script>

</body>

</html>

 

 

body head 部分的脚本:

你可以在文档中放置任何数量的脚本,因此你既可以把脚本放置到 body,又可以放置到 head 部分。

<html>

<head>

<script type="text/javascript">

....

</script>

</head>

 

<body>

<script type="text/javascript">

....

</script>

</body>

</html>

 

 

 

 

 





posted @ 2016-07-04 07:32  XE2011  阅读(1106)  评论(0编辑  收藏  举报