
jquery中获取一段包含script标签的div内容的方法:
1、首先要引入jQuery的依赖js文件。
2、然后用$("#divName")innerHTML的方式来获取div内部包含标签的全部内容。
例如:
<div di="divName">
<script type="text/javascript">
function test(){alert("1");}
</script>
</div>
<script type="text/javascript">
var divContent = $("#divName")innerHTML;
</script>
1js
其中1html代码如下:
如要测试还需要加上jqueryjs 这个可自行下载
运行后点击按钮效果
下面再附上网上的一些方法:
1、直接documentwrite
<script language="javascript">
documentwrite("<script src='testjs'><\/script>");
</script>
2、动态改变已有script的src属性
<script src='' id="s1"></script>
<script language="javascript">
s1src="testjs"
</script>
3、动态创建script元素
<script>
var oHead = documentgetElementsByTagName('HEAD')item(0);
var oScript= documentcreateElement("script");
oScripttype = "text/javascript";
oScriptsrc="testjs";
oHeadappendChild( oScript);
</script>
其实原理就是利用dom动态的引入一个js到文件中来,就能和原有的js通信了。
1导入JQuery插件(jar包)
首先到家可以自行前往官网下载JQueryjar包,博主下载的是331版本的,读者可自行选择版本
jar包导入很简单,首先我们传建一个项目,在项目中创建一个名为js的文件夹,把下载好的jar包粘贴到js文件夹即可,如:
2JQuery的基本使用方法
1连接
在编写项目中我们一般使用外联法,即新建一个后缀名为js的文件,用以下方法在HTML文件的<head>标签中添加下面两行代码,第一行为下载的JQueryjar包的文件地址,第二个则是我们新建的js文件(注意:新建js文件一定要写在JQueryjar包后,因为执行顺序是从上往下,先解析jar包在解析我们自己新建的js文件)
<script src="/js/jquery-331minjs"></script>
<script src="/js/loginjs"></script>
2编写
在js文件中我们第一件事就是要编写这样一个语句
$(function(){
JQuery语句体;
})
其作用为:$(function(){})是$(document)ready(function(){})的简写,或者$()ready(function(){}),会在DOM加载完成之后执行。也就是会在项目最后执行,就不会产生在THML语句前执行而出现的一系列问题;
3DOM对象与JQuery对象之间的转换
1获取DOM对象
var 对象名 = document(id获取,class获取,标签名获取)(“id名,class名,标签名”);//创建DOM对象
documentgetElementsById("Obj")
documentgetElementsByClassName("Obj")
documentgetElementsByName("div");
var Domobj = documentgetElementById("Obj");//获取id为Obj的对象
alert(DomobjinnerHTML);//输出Domobj对象的HTNL内容在d窗上
2获取JQuery对象
var $对象名 = $("#id名 或者 class名 或者 标签名")
//获取Jquery对象
var $JQobj = $("#Obj");$("#xx")获取id名 $("xx")获取class名 $("div")获取标签名
alert($JQobjhtml());
3DOM对象---->JQuery对象
var $对象名 = $(DOM对象);
// Dom对象--->Jquery对象
var $D_JQ = $(Domobj);
alert($D_JQhtml()) ;//获取标签体
$D_JQhtml("对呀,你真可爱");
4JQuery对象---->DOM对象
var Dom对象名 = $JQuery对象名[0];
var Dom对象名 = $JQuery对象get(0);
// Jquery对象--->Dom对象
var JQ_D = $JQobj[0];
alert(JQ_DinnerHTML);
JQ_DinnerHTML = "天呐,你也太可爱了吧";
var JQ_D = $JQobjget(0);
JQ_DinnerHTML = "天呐,你也太可爱了吧";
其实JQuery对象实际上就是DOM对象的的一个数组,[0],get(0)即为获取DOM对象数组中的第一个元素
js脚本里调用jquery的方法:
函数是可以调用的,方法就不能调用,还有,JQ的函数里的对象是JQ,而JS和JQ的方法不能混着用,如果你JQ想用JS的方法就把对象转成JS对象,如果JS想用JQ的方法就把JS对象转成JQ对象
// JS获取对象
var obj = documentgetElementById('id');
// 把JS对象转换到jQuery对象
var $obj = $(obj);
var $obj = $('#id');
// jQuery对象转换到JS对象
var obj = $objget(0);
需要准备的材料分别是:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:indexhtml,填写相应html代码。
2、在indexhtml的<script>标签中,输入js代码:
var a = $('#iframe')text();
var s = aindexOf('<iframe><body>');
var e = aindexOf('</body>');
var r = asubstr(s + 14, e - s - 14);
$('#iframe')parent()append(r);
3、浏览器运行indexhtml页面,此时两层iframe里的内容被取出来了。
如果是使用了 JQ EXTJS 的话本身就有 对象克隆的 函数库可以使用 如 extjs 使用
extuxutilclone()
没有用这些的话 可以自己写一个 克隆函数 网上有资源 比如
function deepClone(obj){ var result={},oClass=isClass(obj);// if(oClass==="Object"){
// result={};
// }else if(oClass==="Array"){
// result=[];
// }else{
// return obj;
// }
for(key in obj){
var copy=obj[key];
if(isClass(copy)=="Object"){
result[key]=argumentscallee(copy);
}else if(isClass(copy)=="Array"){
result[key]=argumentscallee(copy);
}else{
result[key]=obj[key];
}
}
return result;
}
function isClass(o){
if(o===null) return "Null";
if(o===undefined) return "Undefined";
return ObjectprototypetoStringcall(o)slice(8,-1);
}
或者参考 extjs 的方法
function(o) {if(!o || 'object' !== typeof o) { return o; }
if('function' === typeof oclone) { return oclone(); }
var c = '[object array]' === objectprototypetostringcall(o) [] : {};
var p, v;
for(p in o) {
if(ohasownproperty(p)) { v = o[p];
if(v && 'object' === typeof v) {
c[p] = extuxutilclone(v);
} else {
c[p] = v;
}
}
}
return c;};
以上就是关于jquery中如何获取一段包含script标签的div内容全部的内容,包括:jquery中如何获取一段包含script标签的div内容、如何导入jquery.js文件、jquery怎么导入jar包等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)