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

JavaScript07

怎样在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>

1．有以下输入控件在HTML中，代码如下：<input type="hidden" name="productName" id="productName" value="测试产品名称">。

2．可以使用js来获取id和答案varvalue＝文档。getelementbyid（“productName”）。值。

3．接下来，我们将警告（value），看看是否得到了输入的值。我们可以看到，输入的值已经成功弹出。

4．也可以使用文档。getElementsByName方法（name）。

5．如果您测试结果，您仍然可以看到“value”的值成功弹出。

6．您还可以通过jquery获得输入的值，这需要引入jquery的js包并传递代码＄（＂＃id＂）．val（）。＄（＂＃productName＂）．val（）。

7．＄（＂输入（＇name＝名字＇］”）．val（）；例如，上面的例子可以使用＄（＂input［＇name＝productName＇］＂）．val（）。

js可以通过文本所在标签的id获取该标签对象，然后修改其内容，如：

document.getElementById('标签id').innerHTML = '要修改的文本内容'

该方法可以在要修改的文本内容中加html标签，如果只是纯文本的话， 可以使用innerText,

document.getElementById('标签id').innerText= '要修改的文本内容'