js常用属性及方法

 js数据类型

1 函数 : 反复履行的代码块
<script type="text/javascript">
    // 函数定义
    function fnAlert(){
        alert("hello!");
    }
    // 函数履行
    fnAlert();
</script>

2 函数传参

<script type="text/javascript">
    // 函数定义
    function fnAlert(){
        alert("hello!");
    }
    // 函数履行
    fnAlert();
</script>

3 条件语句: 掌握程序的走向,条件运算符
==、===、>、>=、<、<=、!=、&&(而且)、||(或)、!(否)

4 获得元素的办法

a 通过内置对象document的getElementByid办法获得html对象
<script type="text/javascript">  # 程序由上而下履行,这类方法一般在下面写
    var oDiv = document.getElementById("div1");
</script>  
....
<div id="div1">这是一个div元素</div>

# 或应用window.onload将函数放在里面
<script type="text/javascript">
    window.onload = function(){
        var oDiv = document.getElementById("div1");
    }
</script>

b


5 操作元素的属性

获得页面上的元素后,对元素进行操作,包含读与写
读取属性: var 变量 = 元素.属性名
改写属性: var 元素.属性名 = 新属性
属性名在js里面的写法
1 html属性与js里面属性一致
2 class属性改写className
3 style属性有横杠的改成驼峰式如: font-size-->fontSize

<script type="text/javascript">

    window.onload = function(){
        var oInput = document.getElementById("input1");
        var oA = document.getElementById("link1");
        // 读取属性值
        var sValue = oInput.value;
        var sType = oInput.type;
        var sName = oInput.name;
        var sLinks = oA.href;
        // 写(设置)属性
        oA.style.color = "red";
        oA.style.fontSize = sValue;
    }

</script>

<input type="text" name="setsize" id="input1" value="20px">
<a href=#1 函数 : 反复履行的代码块
<script type="text/javas