js学习笔记（一）

1、document.write("<h1>This is a heading</h1>");

提示：document.write您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档

2、<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" οnclick="changeImage()" src="/i/eg_bulboff.gif">

这是用js控制img图片的一个简单例子  主要是记住element.src.match("bulbob")意思是 Src路径里有bulbob匹配则为true;

3、js里判断是否是数字可以用 isNaN(x)如果是数字返回false否则返回ture

4、分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾添加分号。

使用分号的另一用处是在一行中编写多条语句。

提示：您也可能看到不带有分号的案例。

在 JavaScript 中，用分号来结束语句是可选的。

5、您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示：

document.write("Hello \
World!"); 输出内容和 document.write("Hello World一样");

6、一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。

7、在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined。

在执行过以下语句后，变量 carname 的值将是 undefined：
8、
JavaScript 数组
下面的代码创建名为 cars 的数组：
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
或者 (condensed array):
var cars=new Array("Audi","BMW","Volvo");
或者 (literal array):
实例
var cars=["Audi","BMW","Volvo"];
亲自试一试
数组下标是基于零的，所以第一个项目是 [0]，第二个是 [1]，以此类推。
var carname;

9、
JavaScript 对象
对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
var person={firstname:"Bill", lastname:"Gates", id:5566};
上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。
空格和折行无关紧要。声明可横跨多行：
var person={
firstname : "Bill",
lastname  : "Gates",
id        :  5566
};
对象属性有两种寻址方式：
实例
name=person.lastname;
name=person["lastname"];

10、js定义对象方法三种 

(1)var p=new Object();
p.name="zhangsan";
p.age=12;
p.sex="男";
document.write(p.name);

(2)var p={name:"zhangsan",age:22,sex:"男"};

(3)function person(name,age){

this.name=name;
this.age=age;
this.say=say;
function say(){
this.name="xiugai xingm";
}
}
var p=new person("llisi",33);
p.say();
document.write(p.name);

11、js中===标示比较 （值和类型都相同的时候为true）；比如x=5,则 x===5为true，x==="5"则为false.

==比较值 不比较类型。

12、js中 for in 语句输出的是对象的属性

var person={name:"zhangsan",age 12};

for (x in person){

document.write(person[x]);

}

输出结果为 zhangsan 12;

13、

通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。

• JavaScript 能够改变页面中的所有 HTML 元素
• JavaScript 能够改变页面中的所有 HTML 属性
• JavaScript 能够改变页面中的所有 CSS 样式
• JavaScript 能够对页面中的所有事件做出反应

14、合并两个数组

<script type="text/javascript">


var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"
document.write(arr.concat(arr2))
</script>

15、使用join方法将数组的所有元素组成字符串

<script type="text/javascript">


var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"


document.write(arr.join());


document.write("<br />");


document.write(arr.join("."));


</script>

16、sort方法对数组进行排序

如果是字符串 则直接.sort方法 从A-Z排序

如果是数字 指定排序规则 如下

<script type="text/javascript">


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))
</script>

17、Window操作

获取浏览器的高度和宽度

<script>
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;


var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;


x=document.getElementById("demo");
x.innerHTML="浏览器的内部窗口宽度：" + w + "，高度：" + h + "。"
</script>

18、

• location.hostname 返回 web 主机的域名
• location.pathname 返回当前页面的路径和文件名
• location.port 返回 web 主机的端口 （80 或 443）
• location.protocol 返回所使用的 web 协议（http:// 或 https://）

19、

window.navigator 对象包含有关访问者浏览器的信息。

Window Navigator

window.navigator 对象在编写时可不使用 window 这个前缀。

实例

<div id="example"></div>

<script>

txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
txt+= "<p>Browser Name: " + navigator.appName + "</p>";
txt+= "<p>Browser Version: " + navigator.appVersion + "</p>";
txt+= "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
txt+= "<p>Platform: " + navigator.platform + "</p>";
txt+= "<p>User-agent header: " + navigator.userAgent + "</p>";
txt+= "<p>User-agent language: " + navigator.systemLanguage + "</p>";

document.getElementById("example").innerHTML=txt;
20、
prompt("文本","默认值")