为啥在html文件中引入js

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为啥在html文件中引入js相关的知识,希望对你有一定的参考价值。

参考技术A javascript 是一种轻量级的编程语言。
JavaScript 是可插入 html 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
JavaScript 使网页增加互动性。JavaScript 使有规律地重复的HTML文段简化,减少下载时间。JavaScript 能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的,只要你有创意.
参考技术B html是静态,引入js文件,比如增加动态效果、用js访问php文件,可以让html文件内容更加的丰富,多样化 参考技术C html引入js是基本html入门。
1.确定自己的js文件相对html的位置。
2.html文件中引入js文件:假设文件叫做”js.js“,跟html文件位置平行
html中:

在<head>标签里面写:
<script type="text/javascript" src="js.js"></script>
src=""引号里面是js的相对位置,前面加...也是可以的。比如:
<script type="text/javascript" src="../../js/jquery-1.4.4.min.js"></script>

如何在一个html文件中引入另一个html文件

在html页面中引入另一个html页面的标签  

1、用iframe标签  

<iframe SRC="xxxx.html" ></iframe> 

2、用object标签 

<object data="xxxx.htm"></object> 

3、behavior的download方式

例:

1.IFrame引入 

[代码] <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>  

2.<object>方法  

[代码] <object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>   

3.Behavior的download方法   

[代码]  

<span id=showImport></span>  

<IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" />  <script>  

function onDownloadDone(downDate)  showImport.innerHTML=downDate  

 

oDownload.startDownload('import.htm',onDownloadDone)  </script>

超文本标记语言, 标准通用标记语言下的一个应用。“ 超文本 ”就是指页面内可以包含图片、 链接,甚至音乐、 程序等非文字元素。超文本标记语言的结构包括 “头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的 具体内容。

参考技术A 利用<iframe></iframe>来操作,如有A,B两个文件,现将A插入到B页面,操作如下:
在B页面的<body></body>的开头或者结尾写入<iframe src="a.html"></iframe>,具体位置按照自己的需求来写即可;
如:
<html>
<head></head>
<body>

这是B页面
<iframe src="a.html">这是A</iframe>
</body>

</html>本回答被提问者采纳
参考技术B

如果只是html页面就是这样使用iframe框架

<iframe name="" frameborder="0" width="200" height="200" src="Untitled-2.html"></iframe>

下面是效果

 

使用iframe框架

参考技术C 通过框架

以上是关于为啥在html文件中引入js的主要内容,如果未能解决你的问题,请参考以下文章

ueditor编辑器中如何加样式,引入的css文件为啥不生效呢?

node.js html-pdf 转换问题,文件回来损坏

html怎么调用外部css?为啥我用link无效?

在flask中 bootstrap x-editable 怎样提交修改后的数据到后台

为啥vscode中.js文件没有片段提示,但是.html文件有提示?

webpack jquery已经全局引入 为啥还是提示$未定义