怎样在html中使用js文件的内容

html-css06

怎样在html中使用js文件的内容,第1张

html中调用js文件的方法有很多,现在以实例的方式具体介绍一下:

 一、直接插入在htm代码中

JavaScript采用的格式如下:

<Script Language="JavaScript">

JavaScript 语句

</Script>

把上述语句放在HTML的<head>与</head>之间,也可放在<body>与</body>之间。

例子:在网页上显示“你好!”。

具体代码如下:

<html>

<body>

<Script Language="JavaScript">

alert("你好!")

</script>

</body>

</html>

二、在浏览器地址栏直接执行JavaScript脚本

也可以在浏览器的地址栏中输入JavaScript语句,由浏览器直接执行。

如输入:javascript:alert(200*75)

三、调用JavaScript文件

可以将纯JavaScript的语句另外保存在一个"*.js"的文件中,需要时再调用。

例子:调用test.js文件,显示提示。

<html>

<body>

调用test.js文件

<script language="JavaScript" src="test.js">

</script>

</body>

</html>

test.js的文件内容如下:

alert("这是被调用的语句。")

四、注释语句

用<!- ... ->表示注解部分,用作说明解释,浏览器不显示出来。不要也可以。

另外,双斜线 "//" ,是JavaScript 的注释语句,它后面的语句不被执行。

五、变量的使用

变量的声明:Var usename

变量的赋值:usename="李国强"

例子:在网页上显示“李国强你好!”。

<html>

<body>

<Script Language="JavaScript">

Var usename

usename="李国强"

alert(usename + "你好!")

</script>

</body>

</html>

首先要将自己要转换的HTML代码准备好。

然后进入

站长工具网

。百度搜索能找到,点击进入,选择“HTML/JS互转”

然后粘贴进去,得到相应的JS代码。

如果现在是直接放到网页中,直接将JS代码贴进去就行了。如果不是直接贴到记事本中。然后保存为JS文件。

然后我们得到JS文件,然后就可以直接上传了。