js应用

likeboy
150 阅读3分钟

js获取表单的值

<body>
    <form name='myform' method="GET" onsubmit="sub()">
        用户名:<input type="text" name="uname"><br>
        <input type="submit" value="提交" onclick="sub()">

    </form>
    <script>
        function sub() 
            console.log(myform.uname.value);   
            console.log(document.forms["myform"]["uname"].value)
            alert();
        }

    </script>
</body>

js常用事件

onfocus()

  • onfocus 事件在对象获得焦点时发生。
  • onfocus 通常用于 <input>, <select>, 和<a>.
  • onfocus 事件的相反事件为 onblur 事件。
<input type="text" onfocus="myFunction(this)">
<p>当输入框获取焦点时，修改背景色（background-color属性） 将被触发。</p>

function myFunction(x){
	x.style.background="yellow";
}

onblur()

  • 会在对象失去焦点时发生
输入你的名字: <input type="text" id="fname" onblur="myFunction()">
<p>当你离开输入框, 函数将被触发将输入文字转换成大写。</p>

onchange()

  • 该事件在表单元素的内容改变且是去焦点时触发( input, keygen, select, 和 textarea)
输入你的名字: <input type="text" id="fname" onchange="myFunction()">
<p>当你离开输入框后，函数将被触发，将小写字母转为大写字母。</p>

onclick()

  • 元素被点击时发生

ondblclick()

  • 在对象被双击时发生
<p ondblclick="myFunction()">Click me</p>

onerror()

  • 事件在加载外部文件（文档或图像）发生错误时触发。
<img src="image12312.gif" onerror="myFunction()">
<p>如果在加载图片时发生错误则触发函数 myFunction() 函数会弹出提示窗口。</p>
该实例中我们引用的图片不存在，因此会触发 onerror 事件。

onkeydown()

  • 用户按下一个键盘按键时发生
<p>当你在输入框内按下一个按键是函数被触发</p>
<input type="text" onkeydown="myFunction()">

onkeypress()

  • 某个键盘按键被按下并松开
  • 在所有浏览器中 onkeypress 事件不是适用于所有按键(如： ALT, CTRL, SHIFT, ESC)。监听一个用户是否按下按键请使用 onkeydown 事件,所有浏览器都支持 onkeydown 事件

<input type="text" onkeypress="myFunction()"> onkeyup()

  • 某个键盘按键被松开
  • 执行次序:onkeydown onkeypress onkeyup

onload()

  • onload 事件会在页面或图像加载完成后立即发生。
  • onload 通常用于 <body>元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。

<body onload="myFunction()">

onmouseover()

  • 鼠标移到某元素之上。

onmouseout()

  • 鼠标从某元素移开。
  • 支持冒泡(子随父)
<img onmouseover="bigImg(this)" onmouseout="normalImg(this)">

onmousedown()

  • 会在鼠标按键被按下时发生。 onmouseup()
  • 鼠标释放发生
<p onmousedown="myFunction(this,'red')" onmouseup="myFunction(this,'green')">
单击文本改变颜色。触发一个带参数函数,当鼠标按钮被按下,,当释放鼠标按钮，再一次触发其他参数函数
</p>

onselect()

  • 用户选取文本时触发 <input> 和 <textarea>
一些文本: <input type="text" value="Hello world!" onselect="myFunction()">

String对象

  • charAt() 返回在指定位置的字符。
  • indexOf() 返回某个指定的字符串值在字符串中首次出现的位置。
  • includes() 查找字符串中是否包含指定的子字符串。
  • replace() 在字符串中查找匹配的子串， 并替换与正则表达式匹配的子串。
  • split() 把字符串分割为字符串数组。
  • substr() 从起始索引号提取字符串中指定数目的字符。string.substr(start,length)
avatar
文章
阅读
粉丝