发表于: 2019-12-30 21:50:29
0 1119
一、今天完成的事情
一、今天完成的事情
JavaScript用法
HTML中的脚本必须位于<script>与</script>标签之间
脚本可放置在HTML页面的<body>和<head>部分中。
<script> 标签
如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。
<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。
<script> 和 </script> 之间的代码行包含了 JavaScript:
JavaScript 函数和事件
上面例子中的 JavaScript 语句,会在页面加载时执行。
通常,我们需要在某个事件发生时执行代码,比如当用户点击按钮时。
如果我们把 JavaScript 代码放入函数中,就可以在事件发生时调用该函数。
在 <head> 或者 <body> 的JavaScript
您可以在 HTML 文档中放入不限数量的脚本。
脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。
通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。
外部脚本不能包含<script>标签。
JavaScript输出
JavaScript没有任何打印或者输出的函数
JavaScript显示数据:JavaScript可以通过不同的方式来输出数据
1.使用window.alert()弹出警告框
2.使用document.write()方法将内容写到HTML文档中。
3.使用innerHTML写入到HTML元素
4.使用console.log()写入到浏览器的控制台
使用window.alert()
你可以使用弹出警告框来显示数据
实例:当然这个我觉得可以配合点击事件使用。起到警示的效果
操作HTML元素
如需从JavaScript访问某个HTML元素,您可以使用document.getElementById(id)方法。
请使用(id)属性来标志HTML元素,并innerHTML来获取或插入元素内容。
以上JavaScript语句(在<script>标签中)可以在web浏览器中执行;
document.getElementById("demo")是使用id属性来查找HTML元素的JavaScript代码。
innerHTML=“段落已修改”是用于修改元素的HTML内容(innerHTML)的JavaScript代码。
写到html文档
写到控制台
如果浏览器支持调试,你可以使用console.log()方法在浏览器中显示JavaScript值。
如果浏览器使用F12来启用调试模式,在调试窗口中点击console菜单。
实例:
JavaScript语法
JavaScript是一个程序语言,语法规则定义了语言结构
JavaScript语法
JavaScript是一个脚本语言。他是一个轻量级,但功能强大的编程语言。
JavaScript字面量
在编程语言中,一般固定值称为字面量,如3.14
数字(number)字面量可以是整数或者是小数,或者是科学计数(e)。
字符串(string)字面量可以使用单引号或者双引号;
表达式字面量用于计算:5+10 5*10等
数组(Array)字面量定义一个数组;
[40, 100, 1, 5, 25, 10]
对象object字面量定义一个对象;
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
函数(function)字面量定义一个函数;
function myFunction(a,b){
return a*b;
}
JavaScript变量
在编程语言中,变量用于存储数据值
JavaScript使用关键字(var)来定义变量,使用等号来为变量赋值;
变量可以通过变量名访问。在指令式语言中,变量通常是可变的。字面量是一个恒定的值。
变量是一个名称,字面量是一个值。
JavaScript操作符
JavaScript使用算术运算符来计算值;
JavaScript语言有多种类型的运算符
JavaScript语句
在HTML中,JavaScript语句向浏览器发出的命令,语句使用分号分隔;
x=5+6;
y=x*10;
JavaScript关键字
JavaScript关键字用于标识要执行的操作。
和其他任何编程语言一样,JavaScript保留了一些关键字为自己所用。
var关键字告诉浏览器创建一个新的变量;
var x=5+6;
var y=x*10;
JavaScript同样保留了一些关键字,这些关键字在当前的语言版本中并没有使用,但在以后JavaScript扩展中会用到。
以下是JavaScript中最重要的保留字(按字母顺序);
JavaScript注释
不是所有的JavaScript语句都是命令,双斜杠//后的内容将会被浏览器忽略;
JavaScript数据类型
JavaScript有多种数据类型,数字,字符串,数组,对象等等。
数据类型的概念
编程语言中,数据类型是一个非常重要的内容。为了可以操作变量,了解数据类型的概念非常重要。
如果没有使用数据类型,以下实例将无法执行;
16+“volvo”
16加上volvo是如何计算的呢?以上会产生一个错误还是输出以下结果呢?
16volvo
JavaScript函数
JavaScript语句可以写在函数内,函数可以重复引用;
引用一个函数=调用函数
二、遇到的困难
无
三、明天要做的事情
请假
四、收获
学习了js
评论