现在的位置: 首页 > 综合 > 正文

JavaScript初体验之更进一步_AX

2012年09月17日 ⁄ 综合 ⁄ 共 2000字 ⁄ 字号 评论关闭
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
  <title>test01</title>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
  <meta content="JavaScript" name="vs_defaultClientScript">
  <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
  <script language="javascript">
  function selectAllContent1()
  {   
   Form1.aaa.select();
  } 
  function selectAllContent()
  { 
   alert("你点着我了!@");  
   document.all.aaa.select();
  } 
  </script>
 </HEAD>
 <body MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">
   <INPUT id="aaa" style="Z-INDEX: 104; LEFT: 184px; POSITION: absolute; TOP: 120px" type="text"
    value="获得焦点选中内容" onfocus="selectAllContent()"></form>
 </body>
</HTML>

-------------------------------------------------------------------------------------------------------------------
首先声明:帖子没发重,请往下看,
上面这个例子我已经贴过了,但有些脚本代码是需要重用的,我们当然不想每次都拷贝一份再粘到别处
让我们来解决脚本重用性的问题吧!!!!

把脚本代码写到一个文本文件内:
  <script language="javascript">
  function selectAllContent1()
  {   
   Form1.aaa.select();
  } 
  function selectAllContent()
  { 
   alert("你点着我了!@");  
   document.all.aaa.select();
  } 
  </script>
把这个文本文件命名为AXzhz.js  (注意:文件后缀改为了js,文件类型已改变)
然后使用下面这句代码调用AXzhz.js文件
<script src=AXzhz.js type=text/javascript></script>

上边的例子变为:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
  <title>test01</title>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
  <meta content="JavaScript" name="vs_defaultClientScript">
  <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">

  <script src=AXzhz.js type=text/javascript></script>

   </HEAD>
 <body MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">
   <INPUT id="aaa" style="Z-INDEX: 104; LEFT: 184px; POSITION: absolute; TOP: 120px" type="text"
    value="获得焦点选中内容" onfocus="selectAllContent()"></form>
 </body>
</HTML>

当然,其它的文件也可以使用上面的方法调用该脚本

抱歉!评论已关闭.