您的位置：首页 > Web前端 > JavaScript

javascript 备忘录

2015-05-13 13:30 141 查看

JS语法

javascript对象：

varcars=newArray("Audi","BMW","Volvo");


声明变量类型

当您声明新变量时，可以使用关键词"new"来声明其类型：

varcarname=newString;

varx=newNumber;

vary=newBoolean;

varcars=newArray;

varperson=newObject

创建JavaScript对象

JavaScript中的几乎所有事务都是对象：字符串、数字、数组、日期、函数，等等。

你也可以创建自己的对象。

本例创建名为"person"的对象，并为其添加了四个属性：

实例

person=newObject();

person.firstname="Bill";

person.lastname="Gates";

person.age=56;

person.eyecolor="blue";


向未声明的JavaScript变量来分配值

如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明，没有var声明

这条语句：

carname="Volvo";


将声明一个全局变量carname，即使它在函数内执行。

DOM

通常，通过JavaScript，您需要操作HTML元素。

为了做到这件事情，您必须首先找到该元素。有三种方法来做这件事：

通过id找到HTML元素

通过标签名找到HTML元素

document.getElementById（）

x.getElementsByTagName（）

使用HTMLDOM来分配事件

HTMLDOM允许您通过使用JavaScript来向HTML元素分配事件：

实例

向button元素分配onclick事件：

<script>

document.getElementById("myBtn").onclick=function(){displayDate()};

</script>


创建新的HTML元素

如需向HTMLDOM添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。

实例

<divid="div1">

<pid="p1">这是一个段落</p>

<pid="p2">这是另一个段落</p>

</div>


<script>

varpara=document.createElement("p");

varnode=document.createTextNode("这是新段落。");

para.appendChild(node);


varelement=document.getElementById("div1");

element.appendChild(para);

</script>


实例-无穷循环
要创建一个运行于无穷循环中的计时器，我们需要编写一个函数来调用其自身。在下面的例子中，当按钮被点击后，输入域便从0开始计数。

<html>


<head>

<scripttype="text/javascript">

varc=0

vart

functiontimedCount()

{

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

c=c+1

[code]t=setTimeout("timedCount()",1000)

}

</script>

</head>


<body>

<form>

<inputtype="button"value="Startcount!"onClick="timedCount()">

<inputtype="text"id="txt">

</form>

</body>


</html>


jQuery语法
jQuery语法是为HTML元素的选取编制的，可以对元素执行某些操作。

基础语法是：$(selector).action()

美元符号定义jQuery

选择符（selector）“查询”和“查找”HTML元素

jQuery的action()执行对元素的操作

示例
$(this).hide()-隐藏当前元素

$("p").hide()-隐藏所有段落

$(".test").hide()-隐藏所有class="test"的所有元素

$("#test").hide()-隐藏所有id="test"的元素

提示：jQuery使用的语法是XPath与CSS选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航