zoukankan      html  css  js  c++  java
  • JavaScript学习第一课

      1.innerHTML标签的使用

      innerHTML标签相当于嵌入内部网页,可包含类似于<p></p>等标签。

      2.img标签的使用

      主要有src,example:

    <!DOCTYPE html>
    <html>
    <body>
    <script>
    function changeImage()
    {
    element=document.getElementById('myimage')
    if (element.src.match("bulbon"))
      {
      element.src="/i/eg_bulboff.gif";
      }
    else
      {
      element.src="/i/eg_bulbon.gif";
      }
    }
    </script>
    
    <img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">
    
    <p>点击灯泡来点亮或熄灭这盏灯</p>
    
    </body>
    </html>
    

      3.验证输入

    if isNaN(x) {alert("Not Numeric")};
    

      4.外部的JavaScript

      在外部编写的Javascript代码,不加<script></script>标签,在引用外部JS代码时,格式为:<script src='aaa.js'></script>

      5.JavaScript中的对象

      JS中所有的事物都是对象,如日期、字符串等。对象是指拥有方法或属性的数据。

      var txt="hello",其中txt本身就是对象,拥有长度等属性。如下例所示,使用对象=new Object();新建对象。

    <!DOCTYPE html>
    <html>
    <body>
    
    <script>
    person=new Object();
    person.firstname="Bill";
    person.lastname="Gates";
    person.age=56;
    person.eyecolor="blue";
    document.write(person.firstname + " is " + person.age + " years old.");
    </script>
    
    </body>
    </html>
    

      6.如果将值赋给一个尚未声明的变量,该变量是全局变量。

      7.JavaScript中的异常捕获

      再次提醒自己:innerHTML is not a function。下次遇到问题后在浏览器中多调试,不要急躁,不要急躁,不要急躁!!!!

    <!DOCTYPE html>
    <html>
    <head lang="en">
     <meta charset="UTF-8">
     <title></title>
    
    </head>
    <body>
    <script type="text/javascript">
    function myf(){
    	try{
    		var x=document.getElementById("txt1").value;
    		alert(x);
    if(x=="")    throw "值为空";
    if(isNaN(x)) throw "不是数字";
    alert('第二次'+x);
    if(x>10)     throw "太大";
    if(x<5)      throw "太小";
    alert('再弹一次'+x);
    	}
    	catch(err){
    		var p1=document.getElementById('p1');
    		p1.innerHTML=err;
    	}
    }
    </script>
    <h2>JS中的异常捕获</h2>
    <input type='text' id='txt1'>
    <input type='button' id='btn1' onclick="myf()" value='点击'>
    <p id='p1'></p>
    </body>
    </html>
    

      8.验证方法

    <!DOCTYPE html>
    <html>
    <head lang="en">
    <script >
    function validate_email(field,alerttxt){
        with(field){
            if(field==null || field==''){
                alert(alerttxt);
                return false;
            }
            else{
                return true;
            }
        }
        // with (field)
     //  {
     //  if (value==null||value=="")
     //    {alert(alerttxt);return false}
     //  else {return true}
     //  }
    }
    function validate_form(thisform){
        with(thisform){
        alert('正在验证');
    
      if (validate_required(email,"Email must be filled out!")==false)
        {email.focus();return false}
    }
    }
    function tanchu(){
        alert('弹出对话框');
    }
    </script>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <form action='标准HTML.html' onsubmit="return validate_form(this)" 'method='post'>
            Email:<input type='text' name='email' size='30'>
            <input type='submit' value='提交'>
        </form>
    </form>
    </body>
    </html>

      

      

  • 相关阅读:
    arcgis9.3 执行python文件
    python定义影像投影
    要素缩放闪烁功能
    C# Math.Round中国式的四舍五入法
    Eziriz.Net.Reactor使用注意事项
    c# datagridview表格控件常用操作
    主窗口通用泛型打开不同子窗口
    arcgis for android 无法加载本地jpg影像解决办法
    多边形修边算法
    【笔记】Python3导入包规则
  • 原文地址:https://www.cnblogs.com/kode/p/4619541.html
Copyright © 2011-2022 走看看