如何在jsp页面中的js脚本里调用jquery的方法?

JavaScript021

如何在jsp页面中的js脚本里调用jquery的方法?,第1张

js脚本里调用jquery的方法:

函数是可以调用的,方法就不能调用,还有,JQ的函数里的对象是JQ,而JS和JQ的方法不能混着用,如果你JQ想用JS的方法就把对象转成JS对象,如果JS想用JQ的方法就把JS对象转成JQ对象

// JS获取对象

var obj = document.getElementById('id')

// 把JS对象转换到jQuery对象

var $obj = $(obj)

var $obj = $('#id')

// jQuery对象转换到JS对象

var obj = $obj.get(0)

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