JQuery Добавить JavaScript - PullRequest
Новая
       8

JQuery Добавить JavaScript

4 голосов
/ 22 июня 2011

Я пытаюсь создать модульное приложение, чтобы каждая страница содержала собственный 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 - так почему нельзя добавить или удалить функцию из / в?

Ответы [ 4 ]

2 голосов
/ 22 июня 2011

Если вы хотите загрузить файл 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. Просто FYI

2 голосов
/ 22 июня 2011

Свойство src тега <script> указывает URL внешнего файла Javascript, а не текст сценария.

Если вы хотите выполнить код в произвольной строке, вы можете вызвать функцию eval.
Однако не .

1 голос
/ 22 июня 2011

в дополнение к вышеприведенному ответу вы не определили ни одной функции "ocl", кроме "oncl".

1 голос
/ 22 июня 2011

В вашем коде вы объявляете функцию с именем oncl и пытаетесь вызвать ocl (при отсутствует n ).

С уважением,

Max

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...