zoukankan      html  css  js  c++  java
  • Javascript笔记部分

    写入HTML输出 document.write(“<h1>”);

    改变HTML内容

    x = document.getElementById(“demo”) //查找元素 后面可以.value取到值

    x.innerHTML = “Test” //改变内容

    x.style.color = “#ff0000” //改变样式

    验证输入的只能数字: if (x==””||isNaN(x))

    用分号结束语句是可选的

    对大小写敏感

    会忽略多余的空格,可以添加空格来提高可读性

    可以在文本字符串中使用 对代码进行换行。

    注释 //  /* */

    声明变量,是存储数据的容器 var z = x+y

    未赋值的变量是 undefined

    拥有动态类型,可以对某变量赋予不同的类型

    布尔逻辑类型:true ,false

    创建数组:  var cars = new Array(“”,””,””);

    也可以:  var cars  = new Array();

              cars[0] =””; cars[1] =””;

    对象由花括号分隔,内部以名称和值对的形式(name:value)

    var person = {fistname:””,lastname:””,id:5566};

    引用时: name = person.lastname; 或 name = person[“lastname”];

    声明变量时可用new 来声明其类型:

    var x = new Number; String ,Boolean , Array , Object

    所有事物都是对象:字符串,数字,数组,日期。对象是拥有属性和方法的数据

    字符串对象的内建方法,indexOf(), replace() ,search() , toUpperCase()来把文本转换为大写,属性 length

    函数:

    function name(var1 ,var2)

    {

    var x = 5;

    return x ;// 带返回值

    }

    比较运算符,在逻辑语句中使用

    ===全等(值和类型) 逻辑预算符 && ,|| ,!

    条件运算: variable = (condition) ? value1:value2

    不同类型的循环: for ,for/in循环遍历对象的属性, while , do/while

    for (x in person)

    {

    txt = txt + person[x];

    }

    表单非空验证

    HTML DOM树:

    文档à根元素<html> 元素<head>,<body>,<title>,<a>,<h1>属性<href>

    javascript可以改变页面中的所有HTML元素,所有属性,所有CSS样式,可以对所有事件做出反应。

    查找HTML元素:

    1、 通过id。var x = document.getElementById(“intro”);

    2、 通过标签名查找 var y = x.getElementsByTagName(“p”);  查找main中的所有<p>元素

    3、 通过类名。在IE5678中无效

    改变HTML输出流

    document.write(Date()); 不要在文档加载结束后使用,这样会覆盖该文档

    改变HTML内容

    document.getElementById(“intro”).innerHTML = “”;

    改变HTML属性

    document.getElementById(“intro”).src = “~~.jpg”;

    该变HTML样式

    document.getElementById(“intro”).style.color = “blue”;  隐藏 .style.visibility=’hidden’ visible

    各种事件:

    onclick =点击时 displayDate()函数

    onload和onunload事件,在进入或离开页面时触发

    onchange =””      x.value = x.value.toUpperCase();文字自动变成大写

    onmouseover和onmouseout事件

    onmousedown和onmouseup事件

    添加删除节点元素:

    var para = document.createElement(“p”);

    var node = document.createTextNode(“ ”);

    para.appendChild(node); 向P元素追加文本节点

    para.removeChild(node); 删除已有的HTML元素

    先找到希望删除的子元素,使用 child.parentNode.removeChile(child);来删除

    极大极小的数字可以通过科学计数法来写:

    var y = 123e5 // 12300000

    var z = 123e-5 //0.00123

    所有数字都为 64 位。8bit

    如果前缀为0,则常量解释为八进制数,为0x解释为十六进制数

    日期函数:

    1、获取当前时间 document.write(Date())

    2、动态显示一个时间

    <script type="text/javascript">

    function startTime()

    {

    var today=new Date()

    var h=today.getHours()

    var m=today.getMinutes()

    var s=today.getSeconds()

    // add a zero in front of numbers<10

    m=checkTime(m)

    s=checkTime(s)

    document.getElementById('txt').innerHTML=h+":"+m+":"+s

    t=setTimeout('startTime()',500)

    }

    function checkTime(i)

    {

    if (i<10)

      {i="0" + i}

      return i

    }

    </script>

    3、 getTime() 返回从1970年1月1日至今的毫秒数

    4、 setFullYear() 设置具体的日期

    5、 toUTCString() 将当前的日期转换为字符串

    6、 getDay() 用数组内容显示

    <script type="text/javascript">

    var d=new Date()

    var weekday=new Array(7)

    weekday[0]="星期日"

    weekday[1]="星期一"

    weekday[2]="星期二"

    weekday[3]="星期三"

    weekday[4]="星期四"

    weekday[5]="星期五"

    weekday[6]="星期六"

    document.write("今天是" + weekday[d.getDay()])

    </script>

    7、 arr.concat(arr2) 用concat合并两个数组

    8、 使用 join()将所有数组内容组成一个字符串

    arr.join()   arr.join(“.”)

    9、 arr.sort() 从字面上对数组进行排序

    利用 arr.sort 从数值上对数组进行排序

    function sortNumber(a, b)

    {

    return a - b

    }

    var arr = new Array(6)

    arr[0] = "10"

    arr[1] = "5"

    arr[2] = "40"

    arr[3] = "25"

    arr[4] = "1000"

    arr[5] = "1"

    document.write(arr + "<br />")

    document.write(arr.sort(sortNumber))

    10、Math对象

    Math.round(0.60)取四舍五入

    random()返回0到1的随机数

    11、正则表达式RegExp 对象的方法

        test()检索字符串中的指定值,返回true和false

        exex()检索指定值,返回的是被找到的值,没有则返回null

    compile()既可以改变检索模式,也可以添加或删除第二个参数。

    12、window 方法:

     window.open() 打开新窗口 windw.close() 关闭 .moveTo移动当前窗口 .resizeTo()调整尺寸

    13、window.location 对象获得当前页面的url地址

      location.hostname 返回主机域名 location.pathname返回页面的路径和文件名

      .port 返回端口 .portocal 返回Web协议  location.href 返回当前页面的url

      location.assign() 方法加载新的文档

    14、window.history 对象

     history.back() 后退 history.forward() 前进

    15、window.Navigator 对象包含有关访问者浏览器的信息

    16、警告框 alert(“”)  确认框 confirm(“”)  提示框 prompt(“”)

    17、计时

    var t=setTimeout("alert('5 秒!')",5000)

    clearTimeout()取消setTimeout()

    一直计时 <script type="text/javascript">

    var c=0

    var t

    function timedCount()

    {

    document.getElementById('txt').value=c

    c=c+1

    t=setTimeout("timedCount()",1000)

    }

    </script>

  • 相关阅读:
    骆驼命名法,帕斯卡命名法和匈牙利命名法<转>
    海量数据库查询优化<转>
    备份数据库并生成Rar
    标准http状态码[英文注释版本]<转>
    IIS自动停止,iis自动关闭。应用程序池假死、自动重启以及iis权限等解决办法 <转>
    Flex/Silverlight的技术比较<转>
    .NET平台测试驱动开发模拟框架Moq简明教程(实例剖析)<转>
    VisualStudio用IE8调试时遇到的问题(转)
    English learning
    JS调用WebService示例
  • 原文地址:https://www.cnblogs.com/kennyliu/p/3454821.html
Copyright © 2011-2022 走看看