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

 }


												


											
JavaScript学习笔记整理的更多相关文章
	

    
								
  1. NPM 学习笔记整理
		
    NPM 学习笔记整理 阅读 550,2017年06月04日 发布,来源:blog.ihoey.com 什么是 NPM npm 之于 Node ,就像 pip 之于 Python , gem 之于 Ru ...
    
		
    2. 
						
  2. Java程序猿的JavaScript学习笔记（12——jQuery-扩展选择器）
		
    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
    
		
    3. 
						
  3. javaweb学习笔记整理补课
		
    javaweb学习笔记整理补课 * JavaWeb: * 使用Java语言开发基于互联网的项目 * 软件架构: 1. C/S: Client/Server 客户端/服务器端 * 在用户本地有一个客户端 ...
    
		
    4. 
						
  4. python学习笔记整理——字典
		
    python学习笔记整理 数据结构--字典 无序的 {键:值} 对集合 用于查询的方法 len(d) Return the number of items in the dictionary d. 返 ...
    
		
    5. 
						
  5. Deep Learning（深度学习）学习笔记整理系列之（五）
		
    Deep Learning(深度学习)学习笔记整理系列 zouxy09@qq.com http://blog.csdn.net/zouxy09 作者:Zouxy version 1.0 2013-04 ...
    
		
    6. 
						
  6. Java程序猿的JavaScript学习笔记（汇总文件夹）
		
    最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...
    
		
    7. 
						
  7. Deep Learning（深度学习）学习笔记整理系列之（八）
		
    Deep Learning(深度学习)学习笔记整理系列 zouxy09@qq.com http://blog.csdn.net/zouxy09 作者:Zouxy version 1.0 2013-04 ...
    
		
    8. 
						
  8. Deep Learning（深度学习）学习笔记整理系列之（七）
		
    Deep Learning(深度学习)学习笔记整理系列 zouxy09@qq.com http://blog.csdn.net/zouxy09 作者:Zouxy version 1.0 2013-04 ...
    
		
    9. 
						
  9. Deep Learning（深度学习）学习笔记整理系列之（六）
		
    Deep Learning(深度学习)学习笔记整理系列 zouxy09@qq.com http://blog.csdn.net/zouxy09 作者:Zouxy version 1.0 2013-04 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 实验二 C2C实践
			
    实验二  C2C实践 [实验目的] 掌握网上购物的基本流程和C2C平台的运营 [实验条件] ⑴.个人计算机一台 ⑵.计算机通过局域网形式接入互联网. (3).奥派电子商务应用软件 [知识准备] 本实验 ...
    
			
    2. 
						
  2. 多测师讲解接口测试 —jmeter接数据库（004）_高级讲师肖sir
			
    1.连接数据库jar包 2. 3. jdbc:mysql://192.168.153.131:3306/baoan?zeroDateTimeBehavior=convertToNull&all ...
    
			
    3. 
						
  3. 多测师讲解自动化测试 _RF自定义关键字_高级讲师肖sir
			
    RF自定义关键字 在rf中叫关键字 在python中就叫做函数 或实例方法 我们自己可以写自定义关键字 自己创建一个库===库里面去创建模块===模块里面创建类和实例方法==>rf导入和引用 库 ...
    
			
    4. 
						
  4. Git hub加载慢？下载慢？浏览慢？几个小技巧让你一键起飞！
			
    记得,那是一个风和日丽,艳阳高照的夜晚,只因为当初的一次回眸,于是便决然走向了程序员的道路,从此,CV大法心中记,代码伴我身. 这一天,正当我打开电脑准备开开心心的使用CV大法完成任务的时候,却恼人的 ...
    
			
    5. 
						
  5. ▶ 0001 No application 'E:\www\go\blog' found in your GOPATH
			
    go mod 配置 beego 首先cmd bee new blog go mod init 然后复制到任意目录 bee run 就会报错, 要退出该目录,进入上级目录 bee run blog 才行
    
			
    6. 
						
  6. centos8平台使用rz/sz上传下载文件
			
    一,rz/sz的用途 1,rz,sz是Linux/Unix服务器同客户端通过ZModem进行文件传输的命令行工具 说明:客户端需要使用支持ZModem的telnet/ssh客户端(比如windows平 ...
    
			
    7. 
						
  7. Fur 是 .NET 5 平台下企业应用开发最佳实践框架。
			
    Fur 是 .NET 5 平台下企业应用开发最佳实践框架. 立即尝鲜 Fur 是基于最新的 .NET 5 RC2 构建,目的是为了尽早体验新功能,对即将到来的 .NET 5 正式版做出最快的响应. 所 ...
    
			
    8. 
						
  8. org.apache.rocketmq.client.exception.MQClientException: No route info of this topic, TopicTest异常解决
			
    使用RocketMQ发送消息抛出异常,异常如下: 原因: Broker 禁止自动创建Topic,且用户没有通过手动创建此Topic,或者broker 和 Nameserver网络不通: 解决方案: 1 ...
    
			
    9. 
						
  9. 最新版Python 3.8.6 版本发布
			
    Python 3.8.6 发布了,它是 Python 3.8 的第六个维护版本. 3.8 系列的维护版本将每两个月定期更新一次,3.8.7 计划于 2020 年 11 月中旬发布. 随着维护版本的发布 ...
    
			
    10. 
						
  10. PHP实现Bitmap的探索 - GMP扩展使用
			
    原文地址:https://blog.fanscore.cn/p/22/ 一.背景 公司当前有一个用户群的系统,核心功能是根据不同的条件组去不同的业务线中get符合条件的uid列表,然后存到redis中 ...
    
			
    11.