JavaScript入门(1)
一、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)的更多相关文章
- JavaScript入门篇 编程练习
编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提 ...
- JavaScript入门
本篇内容是学习慕课网相关课程后,总结出可能未来会忘记的内容 (一)JavaScript入门操作 1.js代码插入位置,以及执行顺序 <head> <script type=" ...
- 慕课网JavaScript入门篇课程笔记
1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...
- JavaScript入门基础
JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运 ...
- JavaScript入门介绍(二)
JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Lit ...
- JavaScript入门介绍(一)
JavaScript入门介绍 [经常使用的调试工具][w3school.com.cn在线编辑] [Chrome浏览器 开发调试工具]按F121.代码后台输出调试:console.log("t ...
- 开心菜鸟系列----函数作用域(javascript入门篇)
1 <!DOCTYPE html> 2 <html> 3 <script src="./jquery-1.7.2.js"></ ...
- 开心菜鸟系列----变量的解读(javascript入门篇)
console.info( console.info(window['weiwu']) console.info(window. ...
- javascript入门视频第一天 小案例制作 零基础开始学习javascript
JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此 ...
- ArcGIS API for JavaScript 入门教程[0] 目录
随时翻看. 转载注明出处,博客园/CSDN/B站:秋意正寒. Part 1 必看 ArcGIS API for JavaScript 入门教程[1] 渊源 你还真不一定知道这是啥.非得学吗? ArcG ...
随机推荐
- 忽然想到,为什么以前iOS的工资高
听说做iOS的在上海工资也可以 前几年还行,现在也不太行了除非你水平很高 现在移动应用已经100多万了,基本饱和了以前是新的商业模式要抢时间,会的人也少
- 深入分析iSCSI协议的应用
深入分析iSCSI协议的应用 1 引言 快速增长的存储容量使得企业需要采用网络存储解决方案.目前网络存储技术采用的连接技术主要有光纤通道和TCP/IP.基于IP的网络存储能解决基于光纤通道的网络存储中 ...
- WordPress Events Manager插件多个跨站脚本漏洞
漏洞名称: WordPress Events Manager插件多个跨站脚本漏洞 CNNVD编号: CNNVD-201310-196 发布时间: 2013-10-15 更新时间: 2013-10-15 ...
- 从零开始学习jQuery
转自:http://www.cnblogs.com/zhangziqiu/archive/2009/04/30/jQuery-Learn-1.html 本系列文章导航 从零开始学习jQuery (一) ...
- python指定pypi的源地址 镜像地址
python pip源介绍: python装包一般都用easy_install 或者pip. 他们俩的原理跟apt-get差不多,都是去某个地址去下载你所指定的包. pip和easy_install默 ...
- 基于TCP协议的服务器(单线程)
import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import ...
- 命令 "sudo -H" 中的这个 "H" 什么作用?
脚本中使用$HOME变量 问题描述:某些同事原来写的脚本中包含如下内容. BIN_DIR=${HOME}/tools TAIR_BIN_DIR=${HOME}/tair_bin TAIR_SRC_DI ...
- PHP开发APP接口(一)
php以json或者xml 形式返回给app.明白这点就很好说了,就是把数据包装成json或者xml,返回给APP 定义抽象APP基类: <?php /** * 定义API抽象类 */ abst ...
- [转载]大道至简!!!从SAP HANA作为SAP加速器的方式,看ERP on HANA的春天
I AM A ABAPER! 科技的进步,一定会使一些东西变得越来越精简! 大道至简!!! 文章很好!!!!!!!!!!! -------------------------------------- ...
- 对tomcat来说,每一个进来的请求(request)都需要一个线程,直到该请求结束。
这段时间折腾了哈java web应用的压力测试,部署容器是tomcat 7.期间学到了蛮多散碎的知识点,及时梳理总结,构建良好且易理解的知识架构把它们组织起来,以备忘.对web应用开发者来说,我们很关 ...