JavaScript学习笔记整理
<script></script>写在<head></head>或者<body></body>中效果一样。一般写在head中或者集中在body底部或者单独创建js文件,此时使用时需要引用。
一.JavaScript输出:
1.document.getElementById("123").innerHTML="456";
2.document.write("<button>nihao</button>");
2.1请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖,如执行下方“糟糕,文档消失了”函数;
3.function{……}需要调用;否则直接执行,如:
<script>
document.write("<p>My First JavaScript</p>");
</scrip>
<script>
function myFunction()
{
document.write("糟糕!文档消失了。");
}
</script>
二.JavaScript语句
JavaScript对大小写敏感,会自动忽略多余的空格,可以使用反斜杠对文本进行换行。
var name="Hello";
var name = "Hello";
上述代码等效。
document.write("Hello \
World!");(正确)
document.write \
("Hello World!");(错误)
三.JavaScript注释
//单行注释
/* */文本块注释 (多行注释)
四.JavaScript变量、数据类型及对象
1.var 变量名(“字母、$、_”开头)=222;
var 变量名(“字母、$、_”开头)=“fdfd”;
var 变量名(“字母、$、_”开头)=‘fdfdfd’;
var 变量名(“字母、$、_”开头)=true/false;//布尔类型
var 变量名(“字母、$、_”开头)=null;
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo"; //数组
var person={firstname:"Bill", lastname:"Gates", id:5566}; //对象
document.write(person.lastname + "<br />");
document.write(person["lastname"] + "<br />"); //这两种写法等效
上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。
2.当声明新变量时,可以使用关键词 "new" 来声明其类型:
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
3.JavaScript的变量拥有很多内建方法,如“fdfd”.length()==4等。另外,对象可以自行添加属性和方法。
五.JavaScript函数
1.调用带参数的函数
<button onclick="myFunction('Bill Gates','CEO')">点击这里</button> <script>
function myFunction(name,job)
{
alert("Welcome " +name
+ ", the " +job
);
}
</script>
2.调用带有返回值的函数
function myFunction()
{
var x=5;
return x;
}
上面的函数会返回值 5。
注释:整个 JavaScript 并不会停止执行,仅仅是函数。JavaScript 将继续执行代码,从调用函数的地方。
3.上述两种的结合
<body>
<p id="demo"></p>
<script>
function myFunction(a,b)
{
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
</script>
</body>
结果:12
4.在仅仅希望退出函数时 ,也可使用 return 语句。返回值是可选的:
function myFunction(a,b)
{
if (a>b)
{
return;
}
x=a+b
} //如果 a 大于 b,则上面的代码将退出函数,并不会计算 a 和 b 的总和。
5.在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。
六.JavaScript运算符
JavaScript运算符和java相同,需要注意的是:
1.x=5+"5";
document.write(x); //结果是55,如果把数字与字符串相加,结果将成为字符串。
2.==等于;===全等(值和类型)。
七.break和continue
break 语句可用于跳出循环。
continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代。
该例子跳过了值 3:
for (i=0;i<=10;i++)
{
if (i==3) continue;
x=x + "The number is " + i + "<br>";
}
最新文章
- Angular2笔记:NgModule
- php php-5.6.4.tar.bz2 apache 兼容问题 child pid 27858 exit signal Segmentation fault
- 笔记 .Net反射机制
- ExtJS入门实例
- python Scrapy安装和介绍
- Mono.Posix.dll文件
- HDU4686 Arc of Dream 矩阵快速幂
- MyEclipse 2014GA 新建 Web Project 并配置 SSH
- bzoj3878
- Distinct Substrings
- 【翻译】A (very) short introduction to R R的简短介绍
- js编译原理(你不知道的javascript)
- Linux服务器 XAMPP后添加PHP和MYSQL环境变量
- linux中脚本在任意目录执行
- TypeError: view must be a callable or a list/tuple in the case of include()
- 【Linux】Linux下统计当前文件夹下的文件个数、目录个数
- ThinkPHP框架 基础 链接数据库
- FileZilla连接腾讯云Centos7
- pytorch加载和保存模型
- Spring配置文件XML详解