javascript学习笔录6（Javascript元素的常用属性）

最新推荐文章于 2012-07-25 15:49:56 发布

壁橱里的老王

最新推荐文章于 2012-07-25 15:49:56 发布

阅读量639

点赞数

分类专栏： jQuery Web DOM javascript XHTML 文章标签： javascript button input xhtml server function

本文链接：https://blog.csdn.net/Jessie_J_Wang/article/details/7309510

版权

Web 同时被 3 个专栏收录

26 篇文章 0 订阅

订阅专栏

javascript

25 篇文章 0 订阅

订阅专栏

jQuery

23 篇文章 0 订阅

订阅专栏

代码包含如下：

1 创建悬停按钮

2 设置焦点

3 click事件：单击or 双击

4 下拉框<select></select>

5 创建网页加载和卸载信息

onload onunload

具体代码如下

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="js4.aspx.cs" Inherits="Javascript_js4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <script>
        function ee(event)
        {
            if(event.keyCode==38)
            document.write("You Press UP");
        }
    </script>
</head>
<body οnlοad="document.form1.txtLoad.value='页面加载完毕'" οnunlοad="alert('goodbye')">
    <form id="form1" runat="server">
    <div>
     <input type="button" name="button1" value="检查鼠标单击" οnclick="document.form1.button1.value='change'" />
     <input type="button" name="button2" value="双击or单击" οnclick="document.form1.button2.value='单击'" οndblclick="document.form1.button2.value='双击'" />
     <%--创建悬停按钮--%>
     <br />
     <img src="../image/1.jpg" οnmοuseοver="document.images[0].src='../image/2.jpg'" οnmοuseοut="document.images[0].src='../image/1.jpg'" />

    <%--设置焦点--%>   
    <input type="text" name="txt1" value="hello" οnfοcus="document.form1.txt1.value='获得该文本焦点'" οnblur="document.form1.txt1.value='失去该文本焦点'" />
    <%--下拉框--%>
    <select name="s1" size="4" οnchange="document.form1.txt2.value=document.form1.s1.value">
    <option value="北京" selected="selected">北京</option>
    <option value="上海">上海</option>
    <option value="台湾">台湾</option>
    <option value="广州">广州</option>
    <option value="成都">成都</option>
    </select>
    <input type="text" name="txt2" value="City" />
    <input name="txtLoad" type="text" value="waiting...." />
    </div>
    </form>
</body>
</html>

壁橱里的老王

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript学习笔录6（Javascript元素的常用属性）

代码包含如下：1 创建悬停按钮 onmouseover="document.images[0].src='../image/2.jpg'"onmouseout="document.images[0].src='../image/1.jpg'" />2 设置焦点onfocus="document.form1.txt1.value='获得该文本焦点'"onblur=
复制链接

扫一扫