Web编程中常用的Javascript代码

最新推荐文章于 2024-06-11 02:06:44 发布

SailingAptech

最新推荐文章于 2024-06-11 02:06:44 发布

阅读量112

点赞数

分类专栏： HTML 文章标签：编程 Web JavaScript HTML PHP ViewUI

HTML 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

JS代码在Web编程中会经常用到，且功能强大。以下是我在工作中常常用的JS代码，总结如下：
1、触发事件提交表单

<script language="javascript">   
  function TJsub() {   
  if(confirm('您确定要提交本表单吗？'))   
  return document.form1.action ="test.php?action=set";   
  frm1.submit();   
  else return false;   
 }   
</script>   

<form name="form1" method="post">   
  <input type="text"  name="text1" value="测试文字1">   
  <input type="text"  name="text2" value="测试文字2"  onClick="TJsub()>   
  <input type="submit" name="submit1" value="提 交"">   
</form>

2、onchange与onclick的事件触发

onchange大多用在下拉列表的触发事件中，重点在“改变”即触发事件。如页面的跳转等。而onclick强调“点击”，即点击即触发事件，用途广泛。

用法比较简单，就不做示例了。

3、“onblur”当焦点离开文本控件时，触发动作。它常常于自动获得焦点一起使用

4、自动获得焦点

<body bgcolor="#FFFFFF" onload="document.form1.text2.focus()">   
  <form name="form1" method="post">   
    <input type="text"  name="text1" value="测试文字1">   
    <input type="text"  name="text2" value="测试文字2"  onClick="TJsub()>   
    <input type="submit" name="submit1" value="提 交"">   
  </form>   
</body>

5、回车移动焦点（οnkeydοwn="if(event.KeyCode == 13)event.KeyCode=9"）

<form name="form1" method="post">   
    <input type="text"  name="text1" value="测试文字1" onkeydown="if(event.KeyCode == 13)event.KeyCode=9">   
    <input type="text"  name="text2" value="测试文字2"  onkeydown="if(event.KeyCode == 13)event.KeyCode=9">   
    <input type="submit" name="submit1" value="提 交"">   
  </form>

6、锁定文本框（readonly）

<form name="form1" method="post">   
    <input type="text"  name="text1" value="测试文字1" readonly>   
    <input type="text"  name="text2" value="测试文字2" readonly>   
    <input type="submit" name="submit1" value="提 交"">   
  </form>

7、文本框中自动将小写字母转换大写

<form name="form1" method="post">   
    <input type="text"  name="text1" value="sample" style="font-variant:Small-caps" >   
    <input type="text"  name="text2" style="font-variant:Small-caps" >   
    <input type="submit" name="submit1" value="提 交"">   
  </form>

8、当脚本将焦点定位到一个文本框后，怎么将光标定位文本框里字符串未尾

<SCRIPT>     
function  setCaretAtEnd  (field)  {     
   if  (field.createTextRange)  {     
       var  r  =  field.createTextRange();     
       r.moveStart('character',  field.value.length);     
       r.collapse();     
       r.select();     
   }     
}     
</SCRIPT>     
<FORM  NAME="aForm">     
<INPUT  TYPE="text"  NAME="userName"  VALUE="測試文字"  ONFOCUS="setCaretAtEnd(this)" >     
<INPUT  TYPE="text"  NAME="userAge"  VALUE="測試文字"  ONFOCUS="setCaretAtEnd(this)" >     
</FORM>

SailingAptech

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web编程中常用的Javascript代码

JS代码在Web编程中会经常用到，且功能强大。以下是我在工作中常常用的JS代码，总结如下：1、触发事件提交表单 [code="html"] function TJsub() { if(confirm('您确定要提交本表单吗？')) return document.form1.action ="test.php?action=set"; frm...
复制链接

扫一扫

专栏目录