1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>javascript页面</title>
  6.                  <script type="text/javascript">
  7.             //alert("您好，欢迎来我们的网页");
  8.             function getValue()
  9.             {
  10.                 var obj = document.getElementById("name");
  11.                 //window.alert("您的名字是"+obj.value);
  12.                 if(obj.value != "张三")                {
  13.                     alert("对不起，你的名字不存在");
  14.                 }
  15.                 else
  16.                 {
  17.                     alert("您的名字是"+obj.value);
  18.                 }
  19.             }
  20.             function getValue2()
  21.             {
  22.                 alert("第二个方法");
  23.             }
  24.             window.onload = function()
  25.             {
  26.                 //alert("您是第100个访问此网页的用户");
  27.             }
  28.         </script>
  29.     </head>
  30.     <body>
  31.         <form name="MyForm">
  32.             <label>账号</label>
  33.             <input id="name" type="text" value="" /><br/><br/>
  34.             <label>密码</label>
  35.             <input id="password" type="password" value="" /><br/><br/>
  36.             <input type="button" value="提交" onclick="getValue();getValue2()"/>&nbsp;&nbsp;
  37.             <input type="reset" value="重置" />
  38.         </form>
  39.         <audio controls="controls" >
  40.               <source src="resource/音乐.mp3" type="audio/ogg">
  41.               <source src="song.mp3" type="audio/mpeg">
  42.             Your browser does not support the audio tag.
  43.         </audio><br/>
  44.         <input type="date" value="" /><br/>
  45.         <input type="email" value="" /><br/>
  46.         <input type="color" value="" /><br/>
  47.         <input type="tel" value="" /><br/>
  48.         <input type="search" value=""/><br/>
  49.         <input type="checkbox" value="" />
  50.         <a href="resource/ApocalypsePage_Original.html">启示录</a>
  51.     </body>
  52. </html>

HTML5入门2---js获取HTML元素的值的更多相关文章

  1. HTML5入门八---缓存控件元素的值

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  2. js获取隐藏元素宽高的方法

    网上有一些js获取隐藏元素宽高的方法,但是可能会存在某些情况获取不了. 例如: <!DOCTYPE html> <html lang="en"> <h ...

  3. JS1 js获取dom元素方法

     js获取dom元素方法  1.通过ID选取元素(getElementById) 1)使用方法:document.getElementById("domId")         其 ...

  4. 使用js获取伪元素的content

    在测试过程中有时候会遇到反爬虫机制,一些元素会使用伪元素,这样在定位元素的时候会定位不到,这时候就要使用js来帮助定位,获取到想要的元素 下面是部分代码 //使用js获取伪元素的content Str ...

  5. 关于Echarts的原生js获取DOM元素与动态加载DOM元素的冲突问题

    1.前言: 最近在做的看板项目,因为需要循环加载后台数据,并且用Echarts做数据呈现,所以jQuery和angular等库统统靠边站,Echarts用的是原生js获取DOM元素,至于诸多不兼容等深 ...

  6. JS获取DOM元素的八种方法

    JS获取DOM元素的方法(8种) 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名 ...

  7. js改变HTML元素的值

    js改变HTML元素的值(常用,备忘) <!DOCTYPE html> <html> <body> <h1>我的第一段 JavaScript</h ...

  8. js获取单选框的值

    js获取单选框的值 var lx= $("input[name='lx']:checked").val();

  9. 二、vue学习--父元素如何获取子元素的值，子元素如何获取父元素的值

      下图是父元素: 下图是子元素,获取父元素的值,使用props定义属性,这样就可以获取到父元素上传过来的set .place.type,拿到值就可以做一些自己的逻辑处理 二.子元素给父元素传值? 下 ...

  10. （四）Jsoup 获取 DOM 元素属性值

    第一节: Jsoup 获取 DOM 元素属性值 Jsoup获取DOM元素属性值 比如我们要获取博客的href属性值: 我们这时候就要用到Jsoup来获取属性的值 : 我们给下示例代码: package ...

随机推荐

  1. 用MySQL log调试程序

    打开my.ini文件 在[mysqld]的下面加上log = c:/mysql_query.log.txt重启mysql 以后你用可以用editplus查看你运行的sql了,不用在程序里一句句的用lo ...

  2. svn 清空

    SVN是目前用得比较多的而且很方便的版本管理体系. 在开发过程中遇到了这样的问题: 有时我们需要一个干净的code版本,没有 .svn 这些文件夹记录的版本传到服务器上使用. 这个时候自己一个个去删除 ...

  3. C#中gridView常用属性和技巧介绍

    .隐藏最上面的GroupPanel gridView1.OptionsView.ShowGroupPanel=false; .得到当前选定记录某字段的值 sValue=Table.Rows[gridV ...

  4. Antelope 和Barracuda区别

    Antelope是innodb-base的文件格式, Barracude是innodb-plugin后引入的文件格式,同时Barracude也支持Antelope文件格式.两者区别在于: 文件格式 支 ...

  5. php中const与define的使用区别 详解

    1.const用于类成员变量定义,一旦定义且不能改变其值.define定义全局常量,在任何地方都可以访问. 2.define不能在类中定义而const可以. 3.const不能在条件语句中定义常量 i ...

  6. OC内存管理 @property的增强

    涉及到内存管理,只读,多线程等很多功能时,setter和getter方法也就没那么简单了:当然@property依然强大,很好用: 1:内存管理相关参数: *:retain:  (如果是oc对象类型) ...

  7. .Net webservice动态调用

    直接贴代码吧 public class PmsService { /// <summary> /// pms接口 /// </summary> /// <param na ...

  8. tomcat配置及使用 环境变量设置

    Tomcat的配置及测试: 第一步:下载tomcat,然后解压到任意盘符 第二步:配置系统环境变量 我这里是tomcat5.5,解压到的D盘 (路径为: D:\Program Files\tomcat ...

  9. Hbase的安装测试工作

    Hbase的安装测试工作: 安装:http://www.cnblogs.com/neverwinter/archive/2013/03/28/2985798.html 测试:http://www.cn ...

  10. 虚拟机移动后重启网络时提示Device does not seem to be present

    Wmware虚拟机硬盘文件位置移动之后,重新引入到Wmware workStation中, 通过命令ifconfig...没有看到eth0..然后重启网卡 #service network resta ...