关于可以放在里面,也可放在里面,但为了避免浏览器加载延迟,最好是放在前面。

  1. 内部嵌入:直接在HTML文档内使用标记对引入。

<html>
<head>
<meta charset="UTF-8">
<title>标题title>
head>

<body>
<div>
<p>内容p>
div>
<script type="text/javascirpt">
//脚本语句···
script>
body>
html>

Tips:虽然现在已被告知可不再写 type=“text/javascript” 属性,因为现在即使不指定这个属性,其默认值仍为 “text/javascirpt” 。但,个人建议还是要习惯性加上,写上可以明确指示浏览器按照何种脚本以及何种版本加载和解析脚本,可以有效避免兼容性或者版本差异造成的错误。

  1. 外部引入:通过src属性指定外部JavaScript文件链接。

<html>
<head>
<meta charset="UTF-8">
<title>标题title>
head>

<body>
<div>
<p>内容p>
div>
<script type="text/javascript" src="javascript.js">script>
body>
html>

这里使用 src 属性引入javascript.js的JS文件,建议js文件和html文件放在同一个目录里,这样写 src 地址就不用这么长这么麻烦了。而在js文件里面,无需写了,直接开始js脚本的编写:

document.write("Hello World!");

//等等js

Tips1:src 属性还可以包含来自外部域的JavaScript文件。它的 src 属性可以是指向当前HTML页面所在域之外的某个域中的URL。

<script type="text/javascript" src="http://www.xxx.com/xx.js">script>

Tips2:除了通过外部URL引入js脚本,还可以通过伪URL引入。伪URL地址的格式一般以 "javascript:"开始,后面紧跟要执行的操作。


<html>
<head>
<meta charset="UTF-8">
<title>标题title>
head>

<body>
<div>
<p>伪URL地址引入JavaScript脚本实例:p>
div>
<input type="text" name="text" value="鼠标单击" onclick="javascript:alert('鼠标已单击文本框!')">
body>
html>

◆在HTML中嵌入JavaScript代码虽然没有问题,但一般认为最好的做法还是尽可能使用外部文件来包含JavaScript代码。
优点:
①可维护性:遍及不同HTML页面的JavaScript会造成维护问题。但把所有JavaScript文件都放在一个文件夹中,维护起来就轻松多了。而且开发人员因此也能够在不触及HTML标记的情况下,集中精力遍及JavaScript代码。
②可缓性:浏览器能够根据具体的设置缓存链接的所有外部JavaScript文件。也就是说,如果有两个页面同时使用一个文件,那么这个文件夹只需下载一次。因此,最终结果就是能够加快页面加载的速度。
③适应未来:通过外部文件来包含JavaScript无须使用XHTML或注释hack。HTML和XHTML包含外部文件的语法是相同的。

二、在同一个HTML文档中,调用多个JavaScript脚本。

  1. 内部嵌入:
<script type="text/javascript">
//第一个js
function test1()
{
	alert("test1");
}

//第二个js
function test2()
{
	alert("test2");
}
script>
  1. 单个外部js文件:
//第一个js
function test1()
{
	alert("test1");
}

//第二个js
function test2()
{
	alert("test2");
}
  1. 多个外部js文件引入:
<scirpt type="text/javascript" src="xx.js">
<script type="text/javascript" src="xy.js">
<script type="text/javascript" src="yy.js">

Tips:关于多个JavaScript文件的调用,会有冲突问题,不过现在还没涉及到,涉及到了,再补充。

三、

你可能感兴趣的:(JavaScript,标签及属性)