JS入门第一篇——引入自己写的JS文件

最新推荐文章于 2024-10-12 20:04:25 发布

原创最新推荐文章于 2024-10-12 20:04:25 发布 · 369 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

我也写界面专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何在JavaScript中创建一个可复用的公共方法，通过传入组件ID来获取其值并执行特定操作，同时展示了利用外部库进行DOM操作的基本应用。

[我有废话要说]
说第一篇，其实也不是，2年前7个月前，去PA实习的时候用过2个月左右的JS。现在开始重新用JS了，以前的存JS的脑细胞都死得差不多了，现在记下来，免得历史再重演。

[正文——我要写个公共的]
需求： 写一个公共的js文件，供别人调用，只需要别人把组件的id传进来，我的公共方法就取得该组件value，然后干些见的人见不得人的事。

bb.js文件

function fun(v) {
		var bb=$(v).value;
		window.alert(v+" = "+bb);
		window.alert('end');	
}

调用 bb.js的aa.html文件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   <script language="javascript" type="text/javascript" src="bb.js"></script>
   <script language="javascript" type="text/javascript" src="util.js"></script>
  </head>
  
  <body>
 this is my firt page
 <form name="form">
 <input type="text" id="tag" name="tag" />
 <input type="button" name="确认" value="verify" onclick="fun('tag')" />
 </form>
 </body>
</html>

点击"确认"，显示了传入的输入框的名字和用户在输入框中输入的值。

在fun这个函数中，可以对bb做任何操作了。

[滴水穿石——第一次用util.js]

1：$()函数时util.js文件中定义的，根据id名字取得对象。util.js是DWR中的（这是啥我也不知道，下次再看看）。