当前位置：首页 - 正文

在html网页中怎样调用js文件?

发布网友发布时间：2022-04-27 00:52

我来回答

共8个回答

懂视网时间：2022-05-12 20:25

通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。

HTML DOM （文档对象模型）

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

HTML DOM 模型被构造为对象的树。

HTML DOM 树

通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。

JavaScript 能够改变页面中的所有 HTML 元素

JavaScript 能够改变页面中的所有 HTML 属性

JavaScript 能够改变页面中的所有 CSS 样式

JavaScript 能够对页面中的所有事件做出反应

查找 HTML 元素

通常，通过 JavaScript，您需要操作 HTML 元素。

为了做到这件事情，您必须首先找到该元素。有三种方法来做这件事：

通过 id 找到 HTML 元素

通过标签名找到 HTML 元素

通过类名找到 HTML 元素

通过 id 查找 HTML 元素

在 DOM 中查找 HTML 元素的最简单的方法，是通过使用元素的 id。

实例

本例查找 id="intro" 元素：

[html] view plain copy
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.gxlcms.com/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="www.gxlcms.com/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
</head> 
<body> 
<p id="intro">hello</p> 
<p>本例演示 <strong>getElementById</strong> 方法</p> 
 
<script> 
 x = document.getElementById("intro"); 
 document.write('<p>id="intro" 的段落中的文本是：' + x.innerHTML + '</p>'); 
</script> 
</body> 
</html>

如果找到该元素，则该方法将以对象（在 x 中）的形式返回该元素。

如果未找到该元素，则 x 将包含 null。

通过标签名查找 HTML 元素

实例

本例查找 id="main" 的元素，然后查找 "main" 中的所有 <p> 元素：

[html] view plain copy
<html xmlns=www.gxlcms.com/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
</head> 
 
<body> 
<div id="main"> 
 <p>The DOM is very useful.</p> 
<p>本例演示 <b>getElementsByTagName</b> 方法。</p> 
</div> 
<script> 
 var x = document.getElementById("main"); 
 var y = document.getElementsByTagName("p"); 
 document.write('id 为 "main" 的 div 中的第一段落文本是：' + y[0].innerHTML); 
</script> 
</body> 
</html>

通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。

【相关推荐】

1. 免费html在线视频教程

2. html开发手册

3. php.cn原创html5视频教程

热心网友时间：2022-05-12 17:33

准备两个文件，一个是你要调用的js文件，用记事本里面写上你要的js代码，我这里只做示例，就写个简单的弹窗alert("OK");保存成1.js。第二个文件html网页,用记事本写上<script type="text/javscript" src="1.js"></script>保存成1.html文件。打开就可以了。注意一定要把扩展名显示出来才能改成js和html结尾的文件，显示扩展名方法：“我的电脑”-“工具”-“文件夹选项”-“查看”-“隐藏已知文件的扩展名”前面的钩去掉。

热心网友时间：2022-05-12 18:51

在HTML中加入JavaScript脚本

JavaScript采用的格式如下：
<Script Language="JavaScript">
JavaScript 语句
</Script>
把上述语句放在HTML的<head>与</head>之间，也可放在<body>与</body>之间。将JavaScript标识放置<Head>… </Head>在头部之间，使之在主页和其余部分代码之前装载，从而可使代码的功能更强大；将JavaScript标识放置在<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("这是被调用的语句。")

热心网友时间：2022-05-12 20:26

热心网友时间：2022-05-12 22:17

html网页调用js文件的内容需要配置加载路径。
<SCRIPT language=javascript src="a.js"></script>
<SCRIPT language=javascript src="b.js"></script>
这样就可以饮用 js中的任何方法了。

热心网友时间：2022-05-13 00:25

热心网友时间：2022-05-13 02:50

热心网友时间：2022-05-13 05:31

如何在html中调用js代码

1、首先打开Sublime text软件编写一个html页面，如下图所示 2、然后我们在html页面中添加script标签，在script里简单的写一些JS的代码，如下图所示 3、接下来可以定义一个button按钮，通过其click事件来调用JS的代码，如下图所示 4、当然，如果调用的JS代码是外部的文件，则需要在开头的head标签内进行引入...

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

可以将纯JavaScript的语句另外保存在一个"*.js"的文件中，需要时再调用。例子：调用test.js文件，显示提示。<html> <body> 调用test.js文件 <script language="JavaScript" src="test.js"></script></body></html>test.js的文件内容如下：alert("这是被调用的语句。")四、注释语句用<!- .....

HTML中怎么引用JS ?

HTML中引用JS 步骤如下：1、打开电脑端html编辑器，然后新建HTML文件，以便待会用来引入js文件。2、如图，如果想在head标签中使用javascript脚步，那么最好加入window.onload,然后在花括号里面写js代码。3、而如果是在body下边，那就好办多了，可以直接在script里面写js代码，不需window.onload。4、也可以...

如何在html中调用JS文件

") </script></body></html>三、在浏览器地址栏直接执行JavaScript脚本也可以在浏览器的地址栏中输入JavaScript语句，由浏览器直接执行。如输入：javascript:alert(200*75)四、调用JavaScript文件可以将纯JavaScript的语句另外保存在一个"*.js"的文件中，需要时再调用。例子：调用test.js文件，显示提示。