JavaScript学习 Ⅰ
2024-09-06 00:30:25
一. JavaScript的使用
<script>标签
在HTML中,JavaScript代码必须位于<script>
与</script>
标签之间。
实例:
<script>
document.getElementById("demo").innerHTML = "我的第一段JavaScript";
</script>
注释:旧的 JavaScript 例子也许会使用type
属性:<script type="text/javascript">
。
注释:type 属性不是必需的。JavaScript 是 HTML 中的默认脚本语言。
函数和事件
JavaScript 函数是一种 JavaScript 代码块,它可以在调用时被执行。
例如,当发生事件时调用函数,比如当用户点击按钮时。
脚本的位置
- 在
<head>
标签中 - 在
<body>
标签中 - 在外部文件中
如需使用外部脚本,请在<script>
标签的 src (source) 属性中设置脚本的名称:
实例
<script src="myScript.js"></script>
外部 JS 的优势
在外部文件中放置脚本有如下的优势:
- 分离了HTML和代码
- 使HTML和JavaScript更易于阅读和维护
- 已缓存的JavaScript文件可加速页面的加载
二. JavaScript 输出
JavaScript不提供任何内建的打印或显示函数。
JavaScript显示方案:
- 使用
window.alert()
写入警告框 - 使用
document.write()
写入 HTML 输出 - 使用
innerHTML
写入 HTML 元素 - 使用
console.log()
写入浏览器控制台
三. JavaScript 语句
在HTML中,JavaScript语句是由web浏览器“执行”的“指令”。
var x,y,z;
x=22;
y=11;
z=x+y;
语句由以下构成:
值、运算符、表达式、关键词和注释。
每条语句之后添加分号,如果有分号分隔,允许在同一行写多条语句。
JavaScript 关键词
关键词 | 描述 |
---|---|
break | 终止 switch 或循环。 |
continue | 跳出循环并在顶端开始。 |
debugger | 停止执行 JavaScript,并调用调试函数(如果可用)。 |
do ... while | 执行语句块,并在条件为真时重复代码块。 |
for | 标记需被执行的语句块,只要条件为真。 |
function | 声明函数。 |
if ... else | 标记需被执行的语句块,根据某个条件。 |
return | 退出函数。 |
switch | 标记需被执行的语句块,根据不同的情况。 |
try ... catch | 对语句块实现错误处理。 |
var | 声明变量。 |
四. JavaScript 语法
JavaScript 值
JavaScript 语句定义两种类型的值:混合值和变量值。
混合值被称为字面量(literal)。变量值被称为变量。
JavaScript 标识符
所有 JavaScript 变量必须以唯一的名称的标识。
这些唯一的名称称为标识符。
标识符可以是短名称(比如 x 和 y),或者更具描述性的名称(age、sum、totalVolume)。
构造变量名称(唯一标识符)的通用规则是:
- 名称可包含字母、数字、下划线和美元符号
- 名称必须以字母开头
- 名称也可以 $ 和 _ 开头(但是在本教程中我们不会这么做)
- 名称对大小写敏感(y 和 Y 是不同的变量)
- 保留字(比如 JavaScript 的关键词)无法用作变量名称
提示:JavaScript 标识符对大小写敏感。
一条语句,多个变量
您可以在一条语句中声明许多变量。
以 var 作为语句的开头,并以逗号分隔变量:
var person = "Bill Gates", carName = "porsche", price = 15000;
声明可横跨多行:
var person = "Bill Gates",
carName = "porsche",
price = 15000;
JavaScript 算术
var x = "8" + 3 + 5; // x = 835
当数值和字符串相加时,JavaScript 将把数值视作字符串。
var x = 911 + 7 + "Porsche"; //918Porsche
var x = "Porsche" + 911 + 7; //Porsche9117
最新文章
- 关于font-family
- jQuery之核心API
- asp.net mvc中ViewData、ViewBag和TempData的详解
- 带head的gridview
- IOS语音集成
- jquery中ajax的简单使用
- BZOJ2190: [SDOI2008]仪仗队
- FZU 2092 bfs+记忆化搜索
- 在iframe下的页面锚点失效问题,用jquery进行修复
- ListView属性
- POJ1007-DNA Sorting-ACM
- MysqL的root用户不允许远程连接
- iOS基础 - 类扩展
- require include php5中最新区别,百度上好多错的。
- win8安装sql2008及设置登陆名问题
- URLWRITE视图重写技术
- c#基础知识索引器
- ShareDialogDemo【分享对话框】
- 前端笔记之JavaScript面向对象(三)初识ES6&;underscore.js&;EChart.js&;设计模式&;贪吃蛇开发
- JS 防抖函数和节流函数
热门文章
- win32 socket http 操作
- PHP源码进行加密(仅linux)
- 解决GITLAB无法启动runsv no running
- 01 . MongoDB简介及部署配置
- 什么了解suite集合实现
- Spring中的AOP(二)
- 解决React Native安装应用到真机(红米3S)报Execution failed for task &#39;:app:installDebug&#39;的错误
- 新一代APM链路监控选型的一个总结重点是skywalking和pinpoint的对比
- 啊湫----今天做项目遇到的redis缓存问题---解决方案
- 【树形dp】Bzoj 1040骑士