一、JS基本

1、JS代码位置

<script type="text/javascript">表示：

<script></script>之间是文本类型(text)。

javascript:告诉浏览器里面的文本是属于JavaScript语言。

2、JS引用

内部引用

外部引用（在JS文件中，不需要<script>标签，直接编写JS代码），JS文件不能直接运行，需要镶嵌到HTML文件中执行。

3、JS在页面中的位置

代码解释：

{

　　#JS代码一般放在head或者body部分。

　  　放在<head>部分

　　　　最常用，浏览器解析head部分就会执行这个代码，然后才解析页面的其余部分。

　　  放在<body>部分

　　　　JS代码在网页读取到该语句的时候就会执行。

#JS作为一种脚本语言可以放在html文件中任何位置，但是浏览器解释html是按先后顺序的，所以前面的<script>就先被执行。

# 比如进行页面初始化的JS必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）。

#如果是通过事件调用执行的function，那么对位置没什么要求。

#可以在 HTML 文档中放入不限数量的脚本。脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。

#通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。

}

4、认识JS

JS语句是发给浏览器的命令，这些命令的作用是告诉浏览器要做的事。

每一句JS代码格式：语句;//在结尾加上英文分号表示语句结束，可以不写，但最好写上。

JS注释

单行注释，在注释内容前加符号"//"

多行注释以“/*”开始，以“*/”结束

JS变量

变量：用于存储某种/某些数值的存储器。

定义变量使用关键字var

如：var 变量名

变量名可以取任意名字，但要遵循命名规则：

1、变量必须使用字母、下划线(_)或美元符号($)开始。

2、可以使用任意多个英文字母、数字、下划线(_)或美元符号($)组成。

3、不能使用JS关键词与JS保留字

4、变量名称对大小写敏感（Y和y是不同的变量）

{

　　举例：

　　　　变量要先声明在赋值

　　　　　　var  mychar;

　　　　　　mychar="javascript";

　　　　　　var mynum = 6;

　　　　变量可以重复赋值　　　　　　

　　　　　　var  mychar;

　　　　　　mychar="javascript";

　　　　　　mychar="hello";

　　　　可以一次声明多个变量(用逗号隔开)

　　　　　　var  num1,num2;

　　　　可以声明并赋值

　　　　　　var  mynum = 5;

　　　　变量可以存储数值、字符串、布尔值等

　　　　　　var  num1 = 123;

　　　　　　var  num2 = "一二三";//存储字符串需要用引号括起来

　　　　　　var  num3 = true;

　　注意：

　　　　在JS中区分大小写，如变量mychar与myChar不一样，表示两个变量。

　　　　变量可以不声明直接使用，但是不规范。

}

JS判断语句(if...else)

语法：

　　if（条件）

　　{条件成立时执行代码}

　　else

　　{条件不成立时执行代码}

举例：<script type="text/javascript">

　　 var myage = 18;

　　 if(myage = 18)//myage>=18是判断条件

　　 { document.write("成年人");}

　　 else  //否则年龄小于18

　　 { document.write("未满18，未成年");}

　　 </script>

JS函数

定义一个函数，基本语法：

function  函数名()

{

　　函数代码;

}

说明：

1、function定义函数的关键字

2、“函数名”你为函数取的名字

3、“函数代码”替换为完成特定功能的代码。

举例：

函数定义好后，需要调用才能执行。

												


											
JavaScript入门(1)的更多相关文章
	

    
						
  1. JavaScript入门篇 编程练习
		
    编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提 ...
    
		
    2. 
						
  2. JavaScript入门
		
    本篇内容是学习慕课网相关课程后,总结出可能未来会忘记的内容 (一)JavaScript入门操作 1.js代码插入位置,以及执行顺序 <head> <script type=" ...
    
		
    3. 
						
  3. 慕课网JavaScript入门篇课程笔记
		
    1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...
    
		
    4. 
						
  4. JavaScript入门基础
		
    JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运 ...
    
		
    5. 
						
  5. JavaScript入门介绍(二)
		
    JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Lit ...
    
		
    6. 
						
  6. JavaScript入门介绍(一)
		
    JavaScript入门介绍 [经常使用的调试工具][w3school.com.cn在线编辑] [Chrome浏览器 开发调试工具]按F121.代码后台输出调试:console.log("t ...
    
		
    7. 
						
  7. 开心菜鸟系列－－－－函数作用域（javascript入门篇）
		
      1 <!DOCTYPE html>   2 <html>   3 <script src="./jquery-1.7.2.js"></ ...
    
		
    8. 
						
  8. 开心菜鸟系列－－－－变量的解读（javascript入门篇）
		
                       console.info(         console.info(window['weiwu'])          console.info(window. ...
    
		
    9. 
						
  9. javascript入门视频第一天 小案例制作 零基础开始学习javascript
		
    JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此 ...
    
		
    10. 
						
  10. ArcGIS API for JavaScript 入门教程[0] 目录
		
    随时翻看. 转载注明出处,博客园/CSDN/B站:秋意正寒. Part 1 必看 ArcGIS API for JavaScript 入门教程[1] 渊源 你还真不一定知道这是啥.非得学吗? ArcG ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. android 双向滑动 seekbar
			
    实现原理: 1.自定义View,在onDraw(Canvas canvas)中,画出2个Drawable滑动块,2个Drawable滑动条,2个Paint(text) 2.监听onTouchEvent ...
    
			
    2. 
						
  2. html表格cell合并插件
			
    数据展示时需要合并部分数据自己写了一个简单插件 合并前: 合并后: 调用示例: var trs = $('table#dataList tbody tr').not('#demo').get(); v ...
    
			
    3. 
						
  3. Sharepoint 2010 之 WebPart
			
    转:http://blog.csdn.net/bestbadgod/article/details/6895542 Sharepoint系列的博客,都是我个人自学过程中的点滴的积累,毕竟没做过C#及A ...
    
			
    4. 
						
  4. [PeterDLax著泛函分析习题参考解答]第1章 线性空间
			
    1. 证明定理 1. 2. 验证上述结论. 3. 证明定理 3. 4. 证明定理 4. 证明: 由 $$\bex x=\sum_{k=1}^{n-1}a_k\cdot \sum_{j=1}^{n-1} ...
    
			
    5. 
						
  5. python多进程的理解  multiprocessing  Process join run
			
    最近看了下多进程. 一种接近底层的实现方法是使用 os.fork()方法,fork出子进程.但是这样做事有局限性的.比如windows的os模块里面没有 fork() 方法. windows:.lin ...
    
			
    6. 
						
  6. ARM学习笔记2——分支跳转指令
			
    一.Arm指令条件码和条件助记符 二.跳转指令B 1.作用 跳转指令B使程序跳转到指定的地址执行程序(跳转范围是PC-32MB到PC+32MB) 2.指令格式(注:B后面如果有条件,条件就是紧跟在B后 ...
    
			
    7. 
						
  7. JavaScript高级程序设计30.pdf
			
    第12章 DOM2和DOM3 DOM1级主要定义的是HTML和XML文档的底层结构.DOM2和DOM3则在这个结构的基础上引入了更多的交互能力,也支持更高级的XML特性 DOM2和DOM3级分为许多模 ...
    
			
    8. 
						
  8. FlexboxLayout 的一些基本介绍与基本用法
			
    1什么是 Flexbox 简单来说 Flexbox 是属于web前端领域CSS的一种布局方案,是2009年W3C提出了一种新的布局方案,可以简便.完整.响应式地实现各种页面布局,并且 React Na ...
    
			
    9. 
						
  9. NIO组件Selector工作机制详解（下）
			
    转自:http://blog.csdn.net/haoel/article/details/2224069 五.  迷惑不解 : 为什么要自己消耗资源? 令人不解的是为什么我们的Java的New I/ ...
    
			
    10. 
						
  10. MATLAB中导入数据：importdata函数
			
    用load函数导入mat文件大家都会.可是今天我拿到一个数据,文件后缀名竟然是'.data'.该怎么读呢? 我仅仅好用matlab界面Workspace区域的"import data&quo ...
    
			
    11.