2012-05-18 3 views
1

У меня есть один JS файл и один файл .html зайца кодJavascript функция не звонок из HTML файла

testjs.js

function DynamicDiv() { 
    alert('enter');    
     var dynDiv = document.createElement("div"); 
     dynDiv.id = "divDyna"; 
     dynDiv.innerHTML = "Created using JavaScript"; 
     dynDiv.style.height = "20px"; 
     dynDiv.style.width = "300px"; 
     dynDiv.style.backgroundColor = 'gray'; 
     document.body.appendChild(dynDiv); 
    } 

и мой HTML код ниже

<html> 
<head> 
<TITLE>Test Page</TITLE> 
<script type="text/javascript" src="testjs.js" language="javascript"></script> 
<script type="text/javascript" src="jquery-1.4.2.js" language="javascript"></script> 
<script type="text/javascript" language="javascript"> 
    //"Global" variable accessible to all 
    //$(document).ready(DynamicDiv()); 
</script> 
</head> 
<body onLoad="DynamicDiv()"> 
<input id="Button1" type="button" value="Using JS" onclick="" /> 
<div id="Layer1" style="position: absolute; width: 100%; height: 17px; z-index: 1; left: 0px; top: 3px;"> 
    <div align="right"><a href="http://www.uspto.gov/main/patents.htm">PATENTS</a>&nbsp;&nbsp;&nbsp; </div> 
</div> 
</body> 
</html> 

, но я не могу назвать функцию

+0

Пожалуйста, помогите мне заранее заблаговременно –

+4

Открыть html-браузер в браузере. Щелкните правой кнопкой мыши - просмотрите исходный код, нажмите на testjs.js. Если он открыт, см. Раздел «Ошибка Javascript Console». –

+0

Вы проверили правильность пути к testjs.js? Он должен быть относиться к html-файлу для отдельной страницы html или вам нужно установить правильный статический URL-адрес, если вы обслуживаете его со статическим сервером. – tapan

ответ

1

хорошо, ваш код со мной хорошо, может быть путь, который вы h ave, предоставленный вашему файлу testjs.js, может быть неточным, но его работа в порядке со мной. попробуйте проверить путь к вашему JS файл

+0

все файлы находятся на одном пути, но код не работает. U, пожалуйста, скажите мне, почему это происходит. –

+1

@Raj: вы получаете сообщения об ошибках? – dezso

+0

запустите свою страницу, затем щелкните правой кнопкой мыши -> посмотреть источник, затем проверьте, загружен ли ваш файл testjs.js или нет. проверить ошибки там – Neji

1

Другого предложения, так как вы загрузите JQuery, загрузите последнюю и изменить сценарий, чтобы использовать его слишком

<html> 
    <head> 
    <TITLE>Test Page</TITLE> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" language="javascript"></script> 
    <script type="text/javascript" language="javascript"> 
    function DynamicDiv() { // to be externalised 
    // alert('enter');    
     $('<div/>', { 
     id: 'divDyna', 
     width:300, 
     height:20, 
     css:{border:'1px solid black', 'background-color':'grey'}, 
     html: 'Created using <i>JavaScript</i>' 
     }).appendTo('body') 
    } 
    </script> 
    <script type="text/javascript" language="javascript">  
     $(document).ready(function() { 
     DynamicDiv(); 
     }); 
    </script> 
    </head> 
    <body> 
    <input id="Button1" type="button" value="Using JS" onclick="" /> 
    <div id="Layer1" style="position: absolute; width: 100%; height: 17px; z-index: 1; left: 0px; top: 3px;"> 
     <div align="right"><a href="http://www.uspto.gov/main/patents.htm">PATENTS</a>&nbsp;&nbsp;&nbsp;   
     </div> 
    </div> 
    </body> 
</html> 
+0

, фактически, он работает для меня, если мы напишем функцию js в том же html-файле, но не работает, если я поместил код во внешний файл js , помогите мне спасибо –

+0

Как добавить класс css в этот div –

+0

dynDiv.className = "cssClass" –

0

я тестировал с внешним JS file.It отлично работает даже на IE6. Эта проблема в основном напоминает «Путь к файлу неправильный».

0

Ваш код работает хорошо со мной, возможно, ваш интернет-браузер несовместим, или путь, который вы предоставили в свой файл testjs.js, может быть неправильным. Проверьте путь к вашему файлу JavaScript.

Смежные вопросы