jquery 和js的关系

JavaScript014

jquery 和js的关系,第1张

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通信了。