JavaScript复习 1
概括及使用方法:
JavaScript编写规范
- 一般放在<head>…</head>中间
- 逐行被执行,越短越好
- 大小写敏感 语句是基本单位
- 通常以分号表示语句结束
- 多行语句可以作为一块,使用{}
- 多使用注释
JavaScript使用方法
将JavaScript代码写到页面中。
(适合于代码量较少,又不用于其他页面)
<script type="text/javascript">
//编写JavaScript代码
</script>
将JavaScript代码编写成独立的外部文件来使用,扩展名为.JS。
- 创建HTML页面
- 创建JS文件,直接书写JS代码
- 将文件保存为JS格式
- 在HTML文件中使用<script type="text/javascript" src="js文件路径" ></script>语句调用。
数据类型及变量:
注释 :// 和/**/
单行注释以 // 开始,以行末结束
多行注释以 /* 开始,以 */ 结束,中间的语句是该程序中的注释。
JavaScript的数据类型
基本数据类型
- 数值数据类型(number)
- 布尔类型(boolean)
- 未定义数据类型(undefined)
- 空数据类型(null)
引用数据类型
- 字符串类型(string)
- Array 数组类型
- 对象类型(Object)
变量的声明和赋值:
混合计算数据类型
- 整数与小数=小数
- 整数与字符串=字符串
- 整数与布尔型=整数
- 整数与空值=整数
- 小数与字符串=字符串
- 小数与布尔型=小数
- 小数与空值=小数
- 字符串与布尔型=字符串
- 字符串与空值=字符串
- 布尔型与空值=整数
数据类型的转换
parseInt (String)
将字符串转换为整型数字 ,取整
parseInt (“86.6a”)将字符串“86.6”转换为整型值86
parseFloat(String)
将字符串转换为浮点型数字
parseFloat (“34.45a”)将字符串“34.45”转换为浮点值34.45
表达式与运算符
表达式是对一个或多个变量或值(操作数)进行运算,并返回一个新值
运算符可分为以下类别:
- 赋值运算符 =
- 算术运算符 +、-、 * 、 / 、%、++、--、-(求反)
- 结合运算符 *= /= += -= %=
- 比较运算符 ==、!=、>、>=、<、<=、=== 、!==
- 逻辑运算符 &&、||、!
- 字符串运算 +
绝对等于:数据类型一致,数值相等
不绝对等于:数据类型不一致或者数值不相等
- 1.数据类型不一致
- 2.数值不相等
- 3.数据类型不一致,数值也不相等
面试题:
算术运算符
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>算术运算符</title>
</head>
<body>
<script type="text/javascript">
var num1 = 5,num2 = 4;
document.write("和是:" + (num1 + num2) + "<br />");
document.write("差是:" + (num1 - num2) + "<br />");
document.write("积是:" + (num1 * num2) + "<br />");
document.write("商是:" + (num1 / num2) + "<br />");
document.write("余数是:" + (num1 % num2) + "<br />");
document.write("5+'5'是:" + (5 + '5') + "<br />");
document.write("5-'5'是:" + (5 - '5') + "<br />");
</script>
</body>
</html>
字符串运算符
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>字符串运算符</title>
</head>
<body>
<script type="text/javascript">
var str1 = "北京,";
var str2 = "欢迎你!";
var str3 = str1 + str2 + "汤姆";
document.write("str3=" + str3 + "<br>");
var str4 = "请付" + 50 + "元的士费!";
document.write("str4=" + str4);
</script>
</body>
</html>
比较运算符
JavaScript复习 1的更多相关文章
- JavaScript(复习总结)
一.三个常用对话框 1.alert(""):警告对话框,作用是弹出一个警告对话框(最常用) 2.confirm(""):确定对话框,弹出一个带确定和取消按钮的对 ...
- javascript 复习代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- JavaScript复习笔记——字符串
String构造器可以使用new调用,也可以不使用,但是,这两种调用的结果也是完全不一样的.用new调用的时候,String作为构造器函数,创建字符串对象.不使用new的时候,String用作一个常规 ...
- JavaScript复习之--javascript数据类型隐式转换
JavaScript数据类型隐式转换.一,函数类 isNaN() 该函数会对参数进行隐式的Number()转换,如果转换不成功则返回true. alert() 输出的内容隐式的 ...
- javascript复习笔记
/* Javascript:用来在页面中编写特效,和HTML.CSS一样都是有浏览器解析 Javascript语言: 一.JS如何运行(javascript,jscript,vbscript,appl ...
- JavaScript复习总结一(入门)
总是执着想学各种框架,但忘了基础学好才最重要.每次打开菜鸟教程想重温基础内容,然后就像翻开英文字典,永远在abandon...还是需要做个笔记. 一来加深学习印象,二来等下次打开学习可以知道自己上次学 ...
- JavaScript复习大纲
1. HTML.CSS和JavaScript各自在网页设计中的作用. 1.HTML生成结构. 2.CSS样式美化. 3.JavaScript的作用: (1) 操作HTML及CSS,让网页具有动态行为. ...
- javascript复习总结
改变HTML内容:document.getElementById(id).innerHTML = new HTML; 改变HTML属性:document.getElementById(id).inne ...
- JavaScript复习
一.常用对话框 1.alert(""):警告对话框,作用是弹出一个警告对话框 2.confirm(""):确定对话框,弹出一个带确定和取消按钮的对话框——确定返 ...
随机推荐
- 【Azure 应用服务】App Service For Linux 部署PHP Laravel 项目,如何修改首页路径为 wwwroot\public\index.php
问题描述 参考官方文档部署 PHP Laravel 项目到App Service for Linux环境中,但是访问应用时候遇见了500 Server Error 错误. 从部署的日志中,可以明确看出 ...
- php 实现字符串最大子串长度
求字符串最大子串长度<?php class zif { public function sz($str) { $strsz = str_split($str); $zi = []; $len = ...
- python 函数高级功能
闭包 我们可以将闭包理解为一种特殊的函数,这种函数由两个函数的嵌套组成,且称之为外函数和内函数,外函数返回值是内函数的引用,此时就构成了闭包. # 闭包 # 外部函数的参数被内部函数引用,内部函数对外 ...
- JavaScript 获取html元素
1.通过ID获取: document.getElementById("idname"); 2.通过class.tagname获取: var wcyclass = document. ...
- P3307-[SDOI2013]项链【Burnside引理,莫比乌斯反演,特征方程】
正题 题目链接:https://www.luogu.com.cn/problem/P3307 题目大意 \(n\)个珠子的一个环形项链,每个珠子有三个\(1\sim k\)的整数. 两个珠子不同当且仅 ...
- WPF实现统计图(饼图仿LiveCharts)
WPF开发者QQ群: 340500857 | 微信群 -> 进入公众号主页 加入组织 每日一笑 下班和实习生一起回家,公交站等车,一乞丐把碗推向实习生乞讨.这时,实习生不慌不忙的说了句:&qu ...
- minikube addons enable ingress 启动错误
minikube addons enable ingress 启动错误 开启 minkube ingress 时错误 minikube addons enable ingress --alsologt ...
- 实践篇 -- Redis客户端缓存在SpringBoot应用的探究
本文探究Redis最新特性--客户端缓存在SpringBoot上的应用实战. Redis Tracking Redis客户端缓存机制基于Redis Tracking机制实现的.我们先了解一下Redis ...
- 【转载】如何从零开始开发一款嵌入式产品(20年的嵌入式经验分享学习,来自STM32神舟系列开发板设计师的总结
[好文章值得分享,摘自作者:jesse] 来源:www.armjishu.com作者:jesse转载请注明出处 我的另一篇文章:<STM32嵌入式入门必看之文章-----介绍非常详细!(学STM ...
- 【UE4 设计模式】装饰器模式 Decorator Pattern
概述 描述 动态地给一个对象增加一些额外的职责(Responsibility),就增加对象功能来说,装饰模式比生成子类实现更为灵活.是一种对象结构型模式. 套路 抽象构件(Component) 具体构 ...