jquery中如何获取一段包含script标签的div内容

jquery中如何获取一段包含script标签的div内容,第1张

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包等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9752319.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存