概括及使用方法:

JavaScript编写规范

  • 一般放在<head>…</head>中间
  • 逐行被执行,越短越好
  • 大小写敏感 语句是基本单位
  • 通常以分号表示语句结束
  • 多行语句可以作为一块,使用{}
  • 多使用注释

JavaScript使用方法

将JavaScript代码写到页面中。

(适合于代码量较少,又不用于其他页面)

<script type="text/javascript">

//编写JavaScript代码

</script>

将JavaScript代码编写成独立的外部文件来使用,扩展名为.JS。

  1. 创建HTML页面
  2. 创建JS文件,直接书写JS代码
  3. 将文件保存为JS格式
  4. 在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.数据类型不一致,数值也不相等

面试题:

      ”==”和“===”的不同
(1) ==之比较“转化成同一类型后的值”看“值”是否相等
(2) ===如果类型不同,其结果就是不等
 

算术运算符

<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的更多相关文章

  1. JavaScript(复习总结)

    一.三个常用对话框 1.alert(""):警告对话框,作用是弹出一个警告对话框(最常用) 2.confirm(""):确定对话框,弹出一个带确定和取消按钮的对 ...

  2. javascript 复习代码

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  3. JavaScript复习笔记——字符串

    String构造器可以使用new调用,也可以不使用,但是,这两种调用的结果也是完全不一样的.用new调用的时候,String作为构造器函数,创建字符串对象.不使用new的时候,String用作一个常规 ...

  4. JavaScript复习之--javascript数据类型隐式转换

    JavaScript数据类型隐式转换.一,函数类    isNaN()    该函数会对参数进行隐式的Number()转换,如果转换不成功则返回true.    alert()    输出的内容隐式的 ...

  5. javascript复习笔记

    /* Javascript:用来在页面中编写特效,和HTML.CSS一样都是有浏览器解析 Javascript语言: 一.JS如何运行(javascript,jscript,vbscript,appl ...

  6. JavaScript复习总结一(入门)

    总是执着想学各种框架,但忘了基础学好才最重要.每次打开菜鸟教程想重温基础内容,然后就像翻开英文字典,永远在abandon...还是需要做个笔记. 一来加深学习印象,二来等下次打开学习可以知道自己上次学 ...

  7. JavaScript复习大纲

    1. HTML.CSS和JavaScript各自在网页设计中的作用. 1.HTML生成结构. 2.CSS样式美化. 3.JavaScript的作用: (1) 操作HTML及CSS,让网页具有动态行为. ...

  8. javascript复习总结

    改变HTML内容:document.getElementById(id).innerHTML = new HTML; 改变HTML属性:document.getElementById(id).inne ...

  9. JavaScript复习

    一.常用对话框 1.alert(""):警告对话框,作用是弹出一个警告对话框 2.confirm(""):确定对话框,弹出一个带确定和取消按钮的对话框——确定返 ...

随机推荐

  1. jquery监听动态添加的input的change事件

    使用下面方法在监听普通的input的change事件正常 $('#pp').on('change', 'input.videos_poster_input', function () { consol ...

  2. symfony中模板生成路径两种方式

    1. 使用url('route_a_b_c')  这种方式会是全路径 : http://www.test.com/a/b/c 2. 使用path('route_a_b_c') 这种方式只是路径: /a ...

  3. jmeter长时间压测

    如何进行24h小时的压测? 长时间压测注意事项 生成报告文件过大 https://www.cnblogs.com/SunshineKimi/p/12298668.html

  4. 实现一个简单的侧边导航Winform程序框架

    目录 简介 实现导航面板 实现方法 使用方法 实现标题栏 窗体拖拽及最大化 自定义窗体按钮 标题显示 按钮设置 实现状态栏 整体使用 参考文章 简介 每次新项目都要想着界面怎么设计好,但想来想去上位机 ...

  5. GDP区域分布图的生成与对比(ArcPy实现)

    一.背景 各地区经济协调发展是保证国民经济健康持续稳定增长的关键.GDP是反映各地区经济发展状况的重要指标.科学准确分析各地区GDP空间分布特征,对制定有效措施,指导经济协调发展具有重要参考价值. 二 ...

  6. 从零到熟悉,带你掌握Python len() 函数的使用

    摘要:本文为你带来如何找到长度内置数据类型的使用len() 使用len()与第三方数据类型 提供用于支持len()与用户定义的类. 本文分享自华为云社区<在 Python 中使用 len() 函 ...

  7. PHP文件上传漏洞与一句话木马

    靶子代码: 前端效果: 这是个没有任何防护的文件上传代码,同时还热心的附上了上传文件的路径. 我们写好php木马后,什么额外工作也不需要做,直接上传就行了.上传后在浏览器里访问该文件,其就会被执行. ...

  8. MAC 安装 apache ab 压力测试工具以及遇到的坑

    ab 是apache对 http服务器进行压力测试的工具,它可以测试出服务器每秒可以处理多少请求.本文记录mac版本安装 ab 的步骤以及遇到的坑. 下载 进入 apache ab官网 下载页面. 安 ...

  9. 【二食堂】Alpha - Scrum Meeting 3

    Scrum Meeting 3 例会时间:4.13 12:00 - 12:30 进度情况 组员 昨日进度 今日任务 李健 1. 继续学习前端知识,寻找一些可用的框架.issue 1. 搭建主页html ...

  10. gson中TypeAdapter实现自定义序列化操作

    最近在项目中遇到这么一个问题,我们后台需要向前端返回一个 json 数据,就是将一个地理位置对象以json的格式返回到前台,但是这个地理位置对象中的经纬度是Double数据类型,项目中规定,如果经纬度 ...