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

最新推荐文章于 2023-03-30 09:06:48 发布

Pannahouse

最新推荐文章于 2023-03-30 09:06:48 发布

阅读量9.8k

点赞数 1

分类专栏： JS

JS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

bb.js文件

Js代码

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

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

调用 bb.js的aa.html文件

Js代码

<!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” οnclick=“fun(‘tag’)” />
</form>
</body>
</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" οnclick="fun('tag')" />
 </form>
 </body>
</html>

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

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

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

1：$()函数时util.js文件中定义的，根据id名字取得对象。util.js是DWR中的）。