JavaScript_知识点梳理note1
参考文献《JavaWeb 从入门到精通》
1.JavaScript的语法
- JavaScript区分大小写
- 每行结尾的分号可有可无
- 变量是弱类型的
在定义变量时,只使用var运算符就可以将变量初始化为任意的值。
例如:(将变量name初始化为Bob,变量age初始化为20)
var name = "mrsoft"; var age = 20;
- 使用大括号标记代码块
与Java语言相同,JavaScript也是使用一对大括号标记代码块,被封装在打括号内的语句将顺序执行。 - 注释
单行注释和多行注释。
2.JavaScript的关键字
3.JavaScript的数据类型
"数符布转空未定"
3.1.数值型(整型,浮点型)
**整型**
729 //表示十进制的729 071 //表示八进制的71 0x9405B //表示十六进制的9405B
**浮点型**
3.1415926 //采用标准方法表示 1.6E3 //采用科学记数法表示,代表1.6*10³
3.2.字符型
单引号字符型变量
以及双引号字符型变量
'a' '保护环境从我做起' "b" "系统公告:"
3.3.布尔值
布尔值即只有true跟false两个值,在JavaScript中可以用
整数0表示false;
非0的整数表示true;
3.4.转义字符
demo:
使用\r转义符:
<script language="javascript" > alert("九霄天云剑,\r 浩然穷碧瑶。"); </script>
运行结果:
3.5.空值
- JavaScript中有一个
空值(null)
,用于定义空的或不存在的引用;
试图引用一个没有定义的变量,则返回一个null值
。 - 空值不等于空字符串("")或者0;
因为空值是不存在,而空字符串("")或者0有实际的意义。
3.6.未定义值
4.运算符
4.1.赋值运算符
4.2.算术运算符
4.3.比较运算字符
4.4.逻辑运算字符
4.5.条件云算符
即三目运算符,语法格式如下:
操作数?结果1:结果2 Demo: var a=26; var b=60; var m=a>b?a:b //m的值为60
4.6.字符串运算符
字符串运算符是用于两个字符型数据之间的运算符,除了比较运算符之外,还可以是+和+=运算符。
Demo:
<script language="javascript"> var a="One " + "world "; a+="One Dream" alert(a); </script>
运行结果:
5.流程控制语句
5.1.if条件判断语句
Demo:(用if语句验证用户登录信息)
CSS文件:
<!-- body{ FONT-SIZE: 9pt; margin-left:0px; SCROLLBAR-FACE-COLOR: #346633; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #fcfcfc; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ececec; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ececec; SCROLLBAR-DARKSHADOW-COLOR: #999966; BACKGROUND-COLOR: #fcfcfc } a:hover { font-size: 9pt; color: #FF6600; } a { font-size: 9pt; text-decoration: none; color: #676767; noline:expression(this.onfocus=this.blur); } td{ font-size: 9pt; color: #000000; padding-left:5px; } .btn_grey { font-family: "宋体"; font-size: 9pt;color: #333333; background-color: #eeeeee;cursor: hand;padding:1px;height:19px; border-top: 1px solid #FFFFFF;border-right:1px solid #666666; border-bottom: 1px solid #666666;border-left: 1px solid #FFFFFF; } input{ font-family: "宋体"; font-size: 9pt; color: #333333; border: 1px solid #999999; } hr{ border-style:solid; height:1px; color:#CCCCCC; } -->
html文件:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <link href="style.css" rel="stylesheet"> <script language="javascript"> function check(){ if(form1.user.value==""){ //判断用户名是否为空 alert("请输入用户名!");form1.user.focus();return; }else if(form1.pwd.value==""){ //判断密码是否为空 alert("请输入密码!");form1.pwd.focus();return; }else{ form1.submit(); //提交表单 } } </script> </head> <body> <center> <form name="form1" method="post" action=""> <table width="221" border="1" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF" bordercolordark="#CCCCCC" bordercolorlight="#FFFFFF"> <tr> <td height="30" colspan="2" bgcolor="#eeeeee">用户登录</td> </tr> <tr> <td width="59" height="30">用户名:</td> <td width="162"><input name="user" type="text" id="user"></td> </tr> <tr> <td height="30">密 码:</td> <td><input name="pwd" type="text" id="pwd"></td> </tr> <tr> <td height="30" colspan="2" align="center"> <input name="Button" type="button" class="btn_grey" value="登录" onClick="check()"> <input name="Submit2" type="reset" class="btn_grey" value="重置"> </td> </tr> </table> </form> </center> </body> </html>
运行结果:
5.2.switch多分支语句
Demo:
<script language="javascript"> var now=new Date(); //获取系统日期 var day=now.getDay(); //获取星期 var week; switch (day){ case 1: week="星期一"; break; case 2: week="星期二"; break; case 3: week="星期三"; break; case 4: week="星期四"; break; case 5: week="星期五"; break; case 6: week="星期六"; break; default: week="星期日"; break; } document.write("今天是"+week); //输出中文的星期 </script>
运行结果:
5.3.for循环语句
5.4.while循环语句
5.5.do...while循环语句
5.6.break与continue语句
6.函数
基本语法如下:
function functionName([parameter 1, parameter 2,...]){ statements; [return expression;] }
7.Window对象的open()方法
Demo:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script> function openWin(){ myWindow=window.open("","","width=531,height=402,top=50,left=20"); myWindow.document.write("<p>这是'我的窗口'</p>"); myWindow.focus(); } function openWin1(){ window.open("","","width=531,height=402,top=50,left=20"); } </script> </head> <body> <input type="button" value="打开窗口1" onclick="openWin()" /> <input type="button" value="打开窗口2" onclick="openWin1()" /> <input type="button" value="警告" onclick="window.alert('警告窗口');" /> <input type="button" value="打开窗口3" onclick="window.open("","","width=531,height=402,top=50,left=20");" /> </body> </html>
运行结果:
注意区分四个按钮的代码表达,其中前三个按钮可以正常执行逻辑,但最后一个按钮不可 !
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
Python学习,给自己的代码做个合集,定制自己的桌面软件!
在学习Python的过程中,经常会写很多的练手的脚本,那么有没有想过,写到一起呢?当然了,方法有很多,比如写到web网页中,做各种跳转、写到微信中,各种回复关键字调用,还有今天和大家分享的GUI图形用户界面! 构建基本框架 Python中有标准库tkinter,不需要安装即可使用!可以用来写简单的GUI程序,只需要短短几行代码就可以了,比如下面这个: 具体教程大家可以去自行搜索,这里就不一一细说了,注释也写的很清楚! 将自己的其他脚本都写到GUI程序中 其实可以导入其他脚本中的函数,来达到多个脚本整合的效果,但是那样又不是很方便,就先放到一起了,慢慢在完善! 首先是将之前的天气预报写入(这里有个城市代码的字典省略了,很长,大家可以去我相关的文章中查找) def weather(): ''' 天气预报查询 ''' global city_code_list#城市列表 city = entry.get()#获取输入的城市名 if city in city_code_list: city_code = city_code_list[city] home_page = 'http://www....
- 下一篇
Python爬虫实践入门篇
1、前言 学习Python二个多月啦,周末时开始兴趣学习爬虫,虽然有点概念,但是也折腾了大半天,下面就开始简要记录一下吧。 2、需要的准备 Python:需要基本的python语法基础 requests:专业用于请求处理,requests库学习文档中文版 lxml:其实可以用pythonth自带的正则表达式库re,但是为了更加简单入门,用 lxml 中的 etree 进行网页数据定位爬取。 通过pip安装 requests 和 lxml 库,在终端输入: pip install requests pip install lxml 注:如果是安装到Python3就用pip3 install 下载过程成功的输出: Collecting lxml Cache entry deserialization failed, entry ignored Downloading https://files.pythonhosted.org/packages/00/fd/5e65f293e366a63198dade275b886e5d24752367c2e67e3993023b0d58ef/lxml-4...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS6,CentOS7官方镜像安装Oracle11G
- SpringBoot2配置默认Tomcat设置,开启更多高级功能
- Windows10,CentOS7,CentOS8安装Nodejs环境
- Docker安装Oracle12C,快速搭建Oracle学习环境
- Windows10,CentOS7,CentOS8安装MongoDB4.0.16
- CentOS8编译安装MySQL8.0.19
- MySQL8.0.19开启GTID主从同步CentOS8
- CentOS8安装Docker,最新的服务器搭配容器使用
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7
- SpringBoot2整合Redis,开启缓存,提高访问速度