我已经编写了小html代码,其中javascript/jquery被插入到标记中。这种方法效果很好。
现在我想把这个文件分成".html"&".js"。我想将所有javascript/jquery编码部分分离到".js"中
但我面临的问题是,我无法读取我在".html"中创建的任何字段的值(在".js"中)
示例
test.html:
<form name="attachlaunchform" id="attachlaunchform" class="form">
<input type="text" name="serial_number" id="serial_number" maxlength="16">
test.js:
serial_num=document.attachlaunchform.serial_number.value
我还包含了我的外部js文件的来源。
但如果我把所有这些都放在test.html中的一个文件中,它就可以工作了。我的问题是如何在.js中获取文本框或任何其他值?
比方说-
假设你的html文件中有很多事件,比如-
$('element1').click(function(){});
$('element2').keydown(function(){});
$('element1').bind('click mouseover',function(){});
function initFunction(){
//something
}
$(document).ready(function(){
initFunction();
});
你可以通过制作一个外部.js
文件(你已经尝试过了)来分离它
将此文件标准化为扩展名,而不仅仅是外部源。
现在在.js
文件-中分离所有上述函数
(function($){
function events(){
$('element1').click(function(){});
$('element2').keydown(function(){});
$('element1').bind('click mouseover',function(){});
}
function initFunction(){
//something
}
$(window).on('load',function(){
events();
initFunction();
});
});
然后简单地在html文件中使用这个文件。