js动态加载js文件

た入场券 2021-10-24 03:22 467阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">  
<head>  
<title>Javascript</title>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />

</head>  
<body>  
<input id="text" type="text"  οnclick="javascript:butOnclick();" value="123" style="width:80%" /><br />  
<div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div>

<script type="text/javascript">  
function butOnclick()\{

loadJs("http://static.runoob.com/assets/jquery/2.0.3/jquery.min.js",function()\{   
        loadJs("http://static.runoob.com/assets/qrcode/qrcode.min.js",function()\{

var qrcode = new QRCode(document.getElementById("qrcode"), \{  
            width : '100',  
            height : '100'  
        \});  
        qrcode.makeCode("http://www.runoob.com");  
        \});  
    \});  
\}  
function loadJs(url,callback)\{  
        var script=document.createElement('script');  
        script.type="text/javascript";  
        if(typeof(callback)!="undefined")\{  
            if(script.readyState)\{  
                script.onreadystatechange=function()\{  
                    if(script.readyState == "loaded" || script.readyState == "complete")\{  
                        script.onreadystatechange=null;  
                        callback();  
                    \}  
                \}  
            \}else\{  
                script.οnlοad=function()\{  
                    callback();  
                \}  
            \}  
        \}  
        script.src=url;  
        document.body.appendChild(script);  
\}

</script>  
</body>  
</html>

发表评论取消回复

表情：

评论列表（有 0 条评论，467人围观）

还没有评论，来说两句吧...

相关阅读

相关动态加载js文件

在日常开发中有很多时候需要动态加载js文件的场景，先看代码再看例子。 / 动态加载js文件 @params {String} url 动态加载js文件路径 @p

柔情只为你懂/ 2023年01月14日 01:58/ 0 赞/ 255 阅读

相关 html动态加载js文件

一共有三种方法： 1.jquery方法：源码： var headTag = document.getElementsByTagName('head')[0];

「爱情、让人受尽委屈。」/ 2022年09月26日 12:57/ 0 赞/ 629 阅读

相关 js动态加载js

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

约定不等于承诺〃/ 2022年08月27日 05:52/ 0 赞/ 267 阅读

相关 JS 动态加载 CSS 文件和JS文件,加载图片

实现功能的js代码。 var dynamicLoading = { css: function(path){ if(!pat

待我称王封你为后i/ 2022年08月14日 05:48/ 0 赞/ 310 阅读

相关【JS】使用JS动态加载

一、前言前几天的项目中遇到了这个问题，点击一个按钮就添加一行，然后可以对这行数据进行操作。当然自己想到的是使用js中的innerHTML这个方法啦，但是要马

电玩女神/ 2022年07月11日 15:56/ 0 赞/ 256 阅读

相关 JS动态加载

/ loadJS:动态加载js文件---方法定义 js_path：动态加载js文件的路径 callback：加载完成后执行的回调函数 / functio

女爷i/ 2022年06月03日 00:28/ 0 赞/ 282 阅读

相关动态加载js

两种方式：第一种，通过请求添加： //动态加载脚本 function UseJs() { $.ajax(

矫情吗；*/ 2022年06月01日 01:55/ 0 赞/ 310 阅读

相关 js实用方法记录-js动态加载css、js脚本文件

https://www.cnblogs.com/morang/p/dynamicloadjscssiframe.html js实用方法记录-动态加载css/js

冷不防/ 2022年05月30日 01:40/ 0 赞/ 251 阅读

相关 JavaScript动态加载js文件

/ JavaScript动态加载js文件说明：之前没有使用require来动态加载js

Dear 丶/ 2021年12月20日 23:25/ 0 赞/ 381 阅读

相关 js动态加载js文件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

た入场券/ 2021年10月24日 03:22/ 0 赞/ 468 阅读