Javascript css html学习之tips

最新推荐文章于 2024-08-03 15:42:27 发布

chris-gardner

最新推荐文章于 2024-08-03 15:42:27 发布

阅读量1.2k

点赞数

分类专栏： JavaScript HTML(5) CSS 文章标签： javascript css html 函数 html5

本文链接：https://blog.csdn.net/u014410695/article/details/59484163

版权

CSS 同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

JavaScript

3 篇文章 0 订阅

订阅专栏

HTML(5)

1 篇文章 0 订阅

订阅专栏

1.一个HTML页面可以放入任意多的script节点,脚本可以body或者head中，或者两个都可以，一般我们把函数放在head里或则底部，这样就不会干扰页面的内容，逻辑更清楚

2.那些老旧的实例可能会在 script 标签中使用 type=”text/javascript”。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。

3.空的 HTML 元素没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
 就是没有关闭标签的空元素（ 标签定义换行）。在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。在开始标签中添加斜杠，比如 ，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。即使 在所有浏览器中都是有效的，但使用 其实是更长远的保障。

4.html元素的属性值都应该用”“包括进去

5.如下代码可以包含一个外部的javascript,src的值可以是一个网络地址

<script src="my.js"></script>

6.如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。请使用 “id” 属性来标识 HTML 元素：

var x=document.getElementById("myHeader")
alert(x.innerHTML)

7.如果想把内容直接输出到文档上可以用document.write()方法

document.write("<p>My First JavaScript</p>");

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

9.JavaScript 对大小写敏感。函数 getElementById 与 getElementbyID 是不同的。同样，变量 myVariable 与 MyVariable 也是不同的。

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

document.write("Hello \
World!"); //正确

document.write \
("Hello World!");  //错误

11.注释和其他语言一样

12一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。一条语句，多个变量您可以在一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可，

var name="Gates", age=56, job="CEO";

13.如果重新声明 JavaScript 变量，该变量的值不会丢失：在以下两条语句执行后，变量 carname 的值依然是 “Volvo”：

var carname="Volvo";
var carname;

12.JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：

var x                // x 为 undefined
var x = 6;           // x 为数字
var x = "Bill";      // x 为字符串

13.极大或极小的数字可以通过科学（指数）计数法来书写：

var y=123e5;      // 12300000
var z=123e-5;     // 0.00123

14.布尔（逻辑）只能有两个值：true 或 false。

var x=true
var y=false

15.数组的定义和初始化三种方式

//方法一
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
//方法二
var cars=new Array("Audi","BMW","Volvo");
//方法三
var cars=["Audi","BMW","Volvo"];

16.Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量。

cars=null;
person=null;
person == null  //表达式为true

17.JavaScript 对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

var person={
firstname : "Bill",
lastname  : "Gates",
id        :  5566
};
//使用如下
document.write(person.firstname)
document.write(person["firstname"])

18.当您声明新变量时，可以使用关键词 “new” 来声明其类型：JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

19.JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。
在 JavaScript 中，对象是拥有属性和方法的数据。

20.当您像这样声明一个 JavaScript 变量时：

var txt = "Hello";
//属性：
txt.length=5
//方法：
txt.indexOf()

txt.replace()

txt.search()

您实际上已经创建了一个 JavaScript 字符串对象。字符串对象拥有内建的属性 length。对于上面的字符串来说，length 的值是 5。字符串对象同时拥有若干个内建的方法，如上面的indexOf(),replace(),search()。

21.在面向对象的语言中，属性和方法常被称为对象的成员。

22.函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

23.在您仅仅希望退出函数时，也可使用 return 语句。返回值是可选的：

function myFunction(a,b)
{
if (a>b)
  {
  return;
  }
x=a+b
}

24.在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。只要函数运行完毕，本地变量就会被删除。

25.全局 JavaScript 变量：在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

<!DOCTYPE html>
<html>
<body>
  <script>
    var car="Volvo";
  function aa(){
     var abc = "ssss";
     var abc;
     document.write(abc);//输出ssss   
  }
  document.write(car);//输出Volvo
  aa();   
  document.write("aa"+abc);//此处的abc没有声明直接输出，语句出错，程序中断
  document.write("aa");//由于上一句语法错误，中断退出，所以这一句话也无法运行
  </script>

</body>
  <script>
  document.write(car)//输出Volvo，虽然上面语法有错，这里可以正常运行
  </script>
</html>

26.JavaScript 变量的生存期，JavaScript 变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除。

27.向未声明的 JavaScript 变量来分配值
如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。
这条语句：

carname="Volvo";

将声明一个全局变量 carname，即使它在函数内执行。所以在使用变量之前最好声明一下，这样代码的可读性会更强

28.=== 全等（值和类型） x =5; x===5 为 true；x===”5” 为 false

29.javascript判断两个字符串是否相等用==即可

var x = "equal"
if(x=="equal")
{
 document.write("equal");
}else
{
 document.write("no equal");
}
//输出equal

30.javascript 的switch 只能列举数字

31.JavaScript for/in 语句循环遍历对象的属性：

var person={fname:"John",lname:"Doe",age:25};

for (x in person)
  {
  txt=txt + person[x];
  }

32.for循环语句的一些特殊用法

//用法一
for (var i=0,len=cars.length; i<len; i++)
{
document.write(cars[i] + "<br>");
}
//用法二
var i=0,len=cars.length;
for (; i<len; )
{
document.write(cars[i] + "<br>");
i++;
}