JQuery 附加 javascript

发布于 2024-11-16 19:03:04 字数 665 浏览 2 评论 0原文

我尝试创建模块化应用程序,因此每个页面都包含自己的 html 和 javascript 代码。 我应该动态加载所有代码,例如:

var s = document.createElement("script");
s.type = "text/javascript";
s.src='function oncl() { alert("click");}';
$(".selector").append(s);

$( ".selector" ).
append('<input type="button" onclick="ocl();" />
<form action="../test/test_upload4.php"  
method="POST" enctype="multipart/form-data"  name="getnamefile">
<input type="file" id="uploadfile" name="uploadfile">
<input type="submit" id="Submit" name= "Submit" value="Upload"></form>');

但它不起作用 - 错误: ocl 未定义。可能是什么原因?如果我理解正确的是每个网页中都有一个包含所有 javascript 函数的对象 - 那么为什么不能添加或删除函数呢?

I try to create modular application, so each page have contains own html and javascript code.
I supposed to load all code dynamically like:

var s = document.createElement("script");
s.type = "text/javascript";
s.src='function oncl() { alert("click");}';
$(".selector").append(s);

$( ".selector" ).
append('<input type="button" onclick="ocl();" />
<form action="../test/test_upload4.php"  
method="POST" enctype="multipart/form-data"  name="getnamefile">
<input type="file" id="uploadfile" name="uploadfile">
<input type="submit" id="Submit" name= "Submit" value="Upload"></form>');

But it doesn't work -Error: ocl is not defined. What can be the reason? If I understand correct in each webpage is an object that contains all javascript functions - so why not possible add or remove function to/from ?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

岁月如刀 2024-11-23 19:03:04

如果你想动态加载js文件,你可以尝试如下:

这是HTML页面代码:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html>
    <head>
    <script type="text/javascript">
        function dynamicLoad() {
            var s = document.createElement("script");
            s.type="text/javascript";
            s.language="javascript";
            // Here goes your 
            s.src ="dynamic.js";
            document.getElementsByTagName("head")[0].appendChild(s);
            s.onreadystatechange = function() {
                //window.alert(s.readyState);
            }
            s.onload= function() {
                if (s.readyState == "complete") {
 // You must create your DOM element after the js file has been loaded
                    var btn = document.createElement("input");
                    btn.type="button";
                    btn.value="Click Me";
                    btn.onclick = test;
                    document.getElementsByTagName("body")[0].appendChild(btn);
                }
            }
        }
    </script>
    </head>
    <body onload="dynamicLoad()">
        <!-- a href="javascript:void(0)" onclick="test()">Click Me</a -->
    </body>
    </html>

这是js文件:

function test() {
    window.alert("HELLO");
}

我在IE 9下测试了代码。仅供参考

If you'd like to load js file dynamically, you can try as the following:

Here is the HTML page code:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html>
    <head>
    <script type="text/javascript">
        function dynamicLoad() {
            var s = document.createElement("script");
            s.type="text/javascript";
            s.language="javascript";
            // Here goes your 
            s.src ="dynamic.js";
            document.getElementsByTagName("head")[0].appendChild(s);
            s.onreadystatechange = function() {
                //window.alert(s.readyState);
            }
            s.onload= function() {
                if (s.readyState == "complete") {
 // You must create your DOM element after the js file has been loaded
                    var btn = document.createElement("input");
                    btn.type="button";
                    btn.value="Click Me";
                    btn.onclick = test;
                    document.getElementsByTagName("body")[0].appendChild(btn);
                }
            }
        }
    </script>
    </head>
    <body onload="dynamicLoad()">
        <!-- a href="javascript:void(0)" onclick="test()">Click Me</a -->
    </body>
    </html>

Here is the js file:

function test() {
    window.alert("HELLO");
}

I tested the code under IE 9. Just FYI

最笨的告白 2024-11-23 19:03:04

如果要执行任意字符串中的代码,可以调用eval函数。
但是,不要

The src property of the <script> tag specifies the URL of an external Javascript file, not the text of the script.

If you want to execute code in an arbitrary string, you can call the eval function.
However, don't.

眼角的笑意。 2024-11-23 19:03:04

在代码中,您声明了一个名为 oncl 的函数,并尝试调用 ocl缺少 n)。

问候,

麦克斯

In your code, you declare a function called oncl and you try to call ocl (with a missing n).

Regards,

Max

七色彩虹 2024-11-23 19:03:04

除了上面的答案之外,您还没有定义任何“ocl”函数,还有“oncl”。

in addition to the above answer you have not defined any "ocl" function there is "oncl".

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文