精华内容
下载资源
问答
  • 动态添加js

    2011-07-06 15:35:31
    var html_doc = document.getElementsByTagName('head')[0];js = document.createElement('script');js.setAttribute('type', 'text/javasc
    var html_doc = document.getElementsByTagName('head')[0];js = document.createElement('script');js.setAttribute('type', 'text/javascript');js.setAttribute('src', 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js');html_doc.appendChild(js);
    展开全文
  • 动态添加JS

    2010-06-18 17:01:00
    Javascript为元素动态添加事件包括两种情况: 不带参数的事件和带参数的事件。 一、不带参数的事件: 两种方式:直接给对象添加事件,节点添加事件 例如给一个id为tab1的添加onclick事件 第一种情况: var t = ...

    Javascript为元素动态的添加事件包括两种情况:
    不带参数的事件和带参数的事件。
    一、不带参数的事件:
    两种方式:直接给对象添加事件,节点添加事件
    例如给一个id为tab1的添加onclick事件
    第一种情况:
    var t = document.getElementById("NewTitle");
    t.onclick = function showmsg(){
        alert('Hello!World');
    }
    第二种情况 这种情况更加动态,更为实用,而且还能添加多个函数(添加的事件的顺序即执行顺序),呵呵
       var tb = document.getElementById("NewTitle");
        if(window.addEventListener){ // Mozilla, Netscape, Firefox
            td_value.addEventListener('click', alert('cc'), false);
            td_value.addEventListener('click', alert('cc'), false);
        } else { // IE
            td_value.attachEvent('onclick',  function(){alert('changchang');});
            td_value.attachEvent('onclick',  function(){alert('changchang');});
        }
    二、带参数的事件
    这里的functionName就是事件处理函数,如果是带参数的那该怎么办,
    有人说是这样:
    element.οnclick=function(sb){
            alert(sb);
        }
    是不是上面的那种写法呢?答案是不正确的。
    解决方法:匿名函数:
        element.οnclick=function() {
            functionName(param);
        };
    这样就巧妙的通过匿名方法实现了!

    别加引号

    展开全文
  • 动态添加js事件,主要是不用具体指定位置的事件,这种动态添加事件的方法比较方便,并可以扩展等。
  • 动态创建iframe,并动态添加js代码动态创建iframe,并动态添加js代码
  • 主要介绍了asp.net动态添加js文件调用到网页的方法,涉及asp.net动态添加js的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
  • 动态添加js,动态添加表格和删除表格,批量添加记录,批量添加
  • 动态添加JS文件和css文件的引用在asp.net后台如何实现呢?首先添加命名空间 using System.Web.UI.HtmlControls,之后按照下面的步骤操作即可
  • //动态移除xuexi.js$(document).ready(function () { $("script[src*='xuexi.js']").remove()...//动态添加xuexi.js $(document).ready(function () { $("<scri" + "pt>" + "</scr" + "ipt>").attr({ s...

    //动态移除xuexi.js
    $(document).ready(function () { $("script[src*='xuexi.js']").remove() });

    //动态添加xuexi.js

    $(document).ready(function () { $("<scri" + "pt>" + "</scr" + "ipt>").attr({ src: '/zh-cn/js/xuexi.js', type: 'text/javascript', id: 'load' }).appendTo($('head')); });

    转载于:https://www.cnblogs.com/BeyondWJsel/archive/2012/06/26/2563912.html

    展开全文
  • 主要介绍了asp.net后台动态添加JS文件和css文件的引用实现方法,是非常简单实用的技巧,需要的朋友可以参考下
  • 动态添加js 代码

    千次阅读 2019-05-02 20:27:06
    在页面中动态追加html片段的时候,有时候动态添加的代码会含有<script>标签,比如用了一些模板引擎,或者你的代码有些复杂的时候。然而我们用DOM提供的innerHTML方式来添加代码的时候,<script>标签中的...

      在页面中动态追加html片段的时候,有时候动态添加的代码会含有<script>标签,比如用了一些模板引擎,或者你的代码有些复杂的时候。然而我们用DOM提供的innerHTML方式来添加代码的时候,<script>标签中的代码并不能执行,如果有src属性,指向的外联文件也不会被加载,这并不是浏览器的bug,因为w3c文档就是这么规定的。

         那我们有什么办法可以恢复追加的<script>标签的代码执行能力呢?

     

    重新构造<script>标签

         这个思路其实非常简单,用innerHTML添加的<script>无法执行,但是我们script创建节点,并用appendChild追加上去是可以的,所以我们只需要做一下二次工作就可以了,看下面的例子:

         页面上有个容器:

    <div id="cont"></div>

      js代码如下:

    复制代码

    var html = '<div>html</div><script>alert(1);<\/script>';
    var cont = document.getElementById('cont');
    cont.innerHTML = html;
    var oldScript = cont.getElementsByTagName('script')[0];
    cont.removeChild(oldScript);
    var newScript = document.createElement('script');
    newScript.type = 'text/javascript';
    newScript.innerHTML = oldScript.innerHTML;
    cont.appendChild(newScript);

    复制代码

      这只是内联<script>的方法,如果是引用的外部js文件,那么我们需要为新创建的script节点指定src属性。

     

    eval大法

         虽然eval因为其安全性不推荐使用,但是在此特殊场景,使用eval确是非常简单的解决方案,就是把<script>标签中的代码eval一下手动执行,就ok了,看下面代码:

    复制代码

    var html = '<div>html</div><script>alert(1);<\/script>';
    var cont = document.getElementById('cont');
    cont.innerHTML = html;
    var oldScript = cont.getElementsByTagName('script')[0];
    cont.removeChild(oldScript);
    var scriptText = oldScript.innerHTML;
    eval(scriptText);

    复制代码

      对于内联的代码,简单而有效,如果是外部js文件,那么还是使用上面的方法,为新创建的script节点指定src属性。

     

    document.write大法

         此方法可以在页面上直接输出任何html内容,包含<script>标签的话会立即执行,所以也是一种方案,如下:

    var html = '<div>html</div><script>alert(1);<\/script>';
    document.write(html);

      代码就直接执行了。但是他的缺点是如果代码写在文档底部,输出的内容会把页面上的其他内容全部覆盖,相当于清空了页面。解决的办法只有这样了:

    <div id="cont"><script type="text/javascript">document.write(html);</script></div>

      直接把它放在标签中,就会往这个标签中输出东西了。

     

    使用jQuery的html()

         上面的方法说来说去,都不如jQuery简单,因为jQuery的html()方法内部已经做了处理,如果参数中含有<script>标签,内部会使用eval和创建新节点的方式进行处理,如果是外联的js文件,jQuery会发一个同步的ajax请求来获取代码,注意,是同步的!所以不论是内联的js代码还是外联的js文件,都可以正常执行,同时在执行完后删去<script>标签。所以,使用jQuery你只需要这样:

    var html = '<div>html</div><script>alert(1);<\/script>';
    $('#cont').html(html);

      这个alert就妥妥的执行了。到这里,我真想说:jQuery,你真是俺亲娘!

    展开全文
  • 动态添加js文件

    2020-11-20 19:41:52
    参考: ...function loadJs(url, callback) { var script = document.createElement('script'); script.type = "text/javascript"; if (typeof (callback) != "undefined") { ... if (script.readyState) { ...
  • ASP.NET 中动态添加JS

    2011-08-07 09:43:25
    TAG:ASP.NET 中动态添加JS 客户端动态注册 JavaScript 在 ASP.NET2.0 中有一个专门用来管理客户端 JavaScript 脚本的类 ClientScriptManager 这样我们可以根据程序需要动态的注册所需的 JavaScri
  • 动态添加js代码

    2020-05-11 19:55:06
    从request获取分页数据的长度,给每条数据的时间绑定一个动态的id
  • Asp.net 动态添加JS

    2019-09-24 07:13:01
    客户端动态注册 JavaScript在 ASP.NET2.0 中有一个专门用来管理客户端 JavaScript 脚本的类 ClientScriptManager这样我们可以根据程序需要动态...JavaScript 区块添加到页面头部 [Head]。可 以字符创形式创建这些代...
  • 动态添加js对象属性

    2017-05-25 13:48:01
    原文地址 Javascript 中可以动态添加 对象属性 var obj = new Object(); alert (obj.username); obj.username = "allen"; alert (obj.username); 结果
  • 动态添加js文件.

    2019-11-10 20:11:55
    但是如果添加添加多个具有相互依赖关系的js文件,异步就会出现问题了. 可以从$.ajax()入手. function getScript(url){ $.ajax({ url: url, dataType: "script" , cache: false , /*去除缓存 */ ...
  • js文件中顶部添加 //# sourceURL=exportquestionnaire.js
  • webbrowser动态添加js

    2015-07-23 18:00:19
    页面中有一个js方法 function initElement(html){ document.body.innerHTML += html; } 我在winform中调用这个方法添加<div>内容</div>是可以正常使用的 但是如果包含<script>字符串以后,就...
  • 动态添加js的方法

    2018-03-12 20:04:00
    oXmlHttp.onreadystatechange = function(){//其实当在第二次调用导入js时,因为在浏览器当中存在这个*.js文件了,它就不在访问服务器,也就不在执行这个方法了,这个方法也只有设置成异步时才用到 if ( oXmlHttp....
  • web动态添加js外部文件方式

    万次阅读 2018-09-10 11:40:02
    文档对象模型(DOM)允许你使用JavaScript 动态创建HTML的几乎全部文档内容。其根本在于,&lt;script&gt;元素与页面其他元素没有什么不同:引用变量可以通过DOM进行检索,可以从文档中移动、删除,也可以被...
  • 动态添加JS 事件

    千次阅读 2010-06-13 20:50:00
    Javascript为元素动态添加事件包括两种情况: 不带参数的事件和带参数的事件。 一、不带参数的事件: 两种方式:直接给对象添加事件,节点添加事件 例如给一个id为tab1的添加onclick...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,663
精华内容 3,465
关键字:

动态添加js