Javascript:获取“;FORM”;它是在.html到外部.js文件中创建的

Javascript: Get the value of attributes of "FORM " which is created in .html to external .js file

本文关键字：js 外部 文件 html 创建 获取 FORM Javascript      更新时间：2023-09-26

我已经编写了小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文件中使用这个文件。

相关文章：