snrg.net
当前位置:首页 >> html引入js的方式 >>

html引入js的方式

在页面中引用JavaScript代码目前有两种方法 第一种是外联,在页面中加入外联链接:1<script src="myJs.js"></script> 第二种是写在页面内部,理论上可以写在页面任何地方:<script>//JS代码</script>

在JS中插入短的HTML代码,可以通过先使用一个函数来包着,你要添加的HTMl代码,然后在使用innerHTML这个函数提取就行,在你的HTMl中添加一个事件就行,然后调用这个函数就行了,具体的我提供例子给你看下:<html><head><script>

引入css<link rel="stylesheet" href="style.css">引入js<script src="javascript.js"></script>

外链式<script type="text/javascript" src="这是JS的地址"></script>

在页面中加入下面代码即可,src的值就是所要引入的javascript文件的路径,包含文件名和扩展名:<script type="text/javascript" src="./jquery.js"></script>

在网页任意位置写:<script language="javascript" src="link.js"></script> link.js文件内容这样写:function link(){ document.getElementById("link").innerHTML="<a href='http://www.baidu.com'>百度</a><a href='http://www.google.com.hk'>

引入CSS 外部样式表<link rel="stylesheet" type="text/css" href="样式表路径">,内部样式:<style type="text/css">css样式</sytle> javascript跟这个差不多,外部:<script language="javascript" href="js文件路径"></script>内部:<script language="javascript">js代码</script>

3种引入方式:1. 使用<script>..…</script>标签对将js代码直接写在script标签对里.Script标签既可以写在head标签里面也可以写在body标签里面.2. 引入外部的JavaScript文件这种方式一般在企业工作中会用的多,因为保证了js代码和html代码的分别独立,相互干扰性小(低耦合).3. 伪URL引入这种方式一般以“JavaScript: XXXXX”的格式出现,后面直接跟js代码.

<head><br> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"><br> <meta http-equiv="content-type" content="text/html; charset=utf-8"><br> <script type="

html文件开头里中加入script language=JavaScript src=调用的JS名.js/script.这样就能够调用了

网站首页 | 网站地图
All rights reserved Powered by www.snrg.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com