js文件如何引入jquery

js文件如何引入jquery,第1张

1.js

其中1.html代码如下:

如要测试还需要加上jquery.js 这个可自行下载

运行后点击按钮效果如图:

下面再附上网上的一些方法:

1、直接document.write

<script language="javascript">

   document.write("<script src='test.js'><\/script>")

</script>

2、动态改变已有script的src属性

<script src='' id="s1"></script>

<script language="javascript">

   s1.src="test.js"

</script>

3、动态创建script元素

<script>

   var oHead = document.getElementsByTagName('HEAD').item(0)

   var oScript= document.createElement("script")

   oScript.type = "text/javascript"

   oScript.src="test.js"

   oHead.appendChild( oScript)

</script>

其实原理就是利用dom动态的引入一个js到文件中来,就能和原有的js通信了。

<div onclick=" var newNode = document.createElement("script")newNode.type="text/javascript"newNode.src="test"document.body.appendChild(newNode) ">content</div>

动态添加JS文件可以这样添加。如果是执行代码。每一句后面一定要加上分号。上面的代码就是示例。

jQuery的:

<div onclick="$(#top.nav).fadeIn(200)$(ul>li.tips).fadeOut()">

如果想在a标签的href里面添加,前面要加上javascript:,例如:

<a href="javascript:alert('nothing!')">什么都没有!</a>

如果你只是想执行一个函数,函数后面别忘了加括号

<script type="text/javascript">var count=0function countOver(){alert(++count)}</script> <body onmouseclick="countOver()" />


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11937798.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存