javascript 备忘录

JS语法 

javascript 对象:javascript

var cars=new Array("Audi","BMW","Volvo");

 

声明变量类型html

当您声明新变量时,可使用关键词 "new" 来声明其类型:java

var carname=new String;node

var x=      new Number;数组

var y=      new Boolean;app

var cars=   new Array;ide

var person= new Object函数

 

建立 JavaScript 对象

JavaScript 中的几乎全部事务都是对象:字符串、数字、数组、日期、函数,等等。学习

你也能够建立本身的对象。this

本例建立名为 "person" 的对象,并为其添加了四个属性:

实例

person=new Object();
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()
 

使用 HTML DOM 来分配事件

HTML DOM 容许您经过使用 JavaScript 来向 HTML 元素分配事件:

实例

向 button 元素分配 onclick 事件:

<script>
document.getElementById("myBtn").onclick=function(){displayDate()};
</script>

 

 

建立新的 HTML 元素

如需向 HTML DOM 添加新元素,您必须首先建立该元素(元素节点),而后向一个已存在的元素追加该元素。

实例

<div id="div1">
<p id="p1">这是一个段落</p>
<p id="p2">这是另外一个段落</p>
</div>
 
<script>
var para=document.createElement("p");
var node=document.createTextNode("这是新段落。");
para.appendChild(node);
 
var element=document.getElementById("div1");
element.appendChild(para);
</script>

 

 

实例 - 无穷循环

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

<html>
 
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
 {
 document.getElementById('txt').value=c
 c=c+1
 t=setTimeout("timedCount()",1000)
 }
</script>
</head>
 
<body>
<form>
<input type="button" value="Start count!" onClick="timedCount()">
<input type="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 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。

相关文章
相关标签/搜索