jQuery是一个js框架,封装了js的属性和方法。操作方法如下:
1、首先,要定义出页面对应的dom对象(这个不是必须的,可以在页面加载的时候,动态添加到页面尾部)。
2、定义对应的css样式,样式已添加了对ie6等低版本浏览器的支持。
3、初始化控件,当然第一步所说的动态添加,也在这步所示,代码包括初始化和关闭按钮控件。
4、初步做好了弹出框,添加自适应窗口的优化,包括各浏览器中获取宽高方法。
5、最后弹出框增加鼠标拖动的效果,鼠标变十字后就可拖动了,就完成了。
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通信了。