<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>";
}

												

最新文章

  1. Angular2笔记:NgModule
  2. php php-5.6.4.tar.bz2 apache 兼容问题 child pid 27858 exit signal Segmentation fault
  3. 笔记 .Net反射机制
  4. ExtJS入门实例
  5. python Scrapy安装和介绍
  6. Mono.Posix.dll文件
  7. HDU4686 Arc of Dream 矩阵快速幂
  8. MyEclipse 2014GA 新建 Web Project 并配置 SSH
  9. bzoj3878
  10. Distinct Substrings
  11. 【翻译】A (very) short introduction to R R的简短介绍
  12. js编译原理(你不知道的javascript)
  13. Linux服务器 XAMPP后添加PHP和MYSQL环境变量
  14. linux中脚本在任意目录执行
  15. TypeError: view must be a callable or a list/tuple in the case of include()
  16. 【Linux】Linux下统计当前文件夹下的文件个数、目录个数
  17. ThinkPHP框架 基础 链接数据库
  18. FileZilla连接腾讯云Centos7
  19. pytorch加载和保存模型
  20. Spring配置文件XML详解

热门文章

  1. 【git】关联本地仓库与远程仓库
  2. 多测师讲解接口测试 _理论基础知识001_高级讲师肖sir
  3. java9系列第二篇-资源自动关闭的语法增强
  4. 【最大匹配+二分答案】POJ 3057 Evacuation
  5. spring-boot-route(十八)spring-boot-adtuator监控应用
  6. CTSC2010
  7. docker查看ip
  8. centos8平台使用loginctl管理登录用户与session
  9. selenium切换iframe
  10. Halcon软件介绍与图像基本知识