J2EE之JavaScript(1)
声明:此博客仅供记录自己的学习记录和随笔,看看就行了,就图一乐!
本篇学习随笔来自JavaScript 菜鸟教程:https://www.runoob.com/js/js-howto.html
JavaScript用法:
<script>标签:
①HTML中的脚本必须位于<script> ??? </script>之间
②在HTML页面中需要插入JavaScript的话,需要写在<script>标签之间
例如:
<script>
alert("我的第一个 JavaScript");
</script>
JavaScript输出
JavaScript显示数据
①window.alter()弹出警告框
②document.write()方法将内容写到HTML文档中
③使用innerHTML写入到HTML元素中
④使用Console.log()写入浏览器的控制台中
例如:
<!DOCTYPE html>
<html>
<body> <h1>我的第一个页面</h1>
<p>我的第一个段落。</p> <script>
window.alert(5 + 6);
</script> </body>
</html>
HTML元素
在JavaScript中如果需要访问HTML中的某个元素时,通过document.getElementByid(id)方法,通过使用 “id” 属性来表示HTML中的元素,并通过 innerHTML 来获取或插入元素内容
例如:
<!DOCTYPE html>
<html>
<body> <h1>我的第一个 Web 页面</h1> <p id="demo">我的第一个段落</p> <script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script> </body>
</html>
JavaScript语法
JavaScript字面量
一般固定值称为字面量,如3.14,“John”, 1+1, [1,2,3,4]以及对象,函数等等
JavaScript变量
JavaScript中使用关键字 var 来定义变量,使用 = 来给变量赋值
JavaScript操作符
赋值,算术和位运算 | = + - * / | 在JS运算符中描述 |
条件,比较及逻辑运算符 | == != < > | 在JS比较运算符中描述 |
JavaScript语句
在HTML中,JavaScript每个语句都使用 ;来分隔
JavaScript关键字
JavaScript注释
单行注释: //
多行注释: /* */
JavaScript数据类型
Number 数字,String 字符串, Array 数组, Object 对象 等等
var length = 16; // Number 通过数字字面量赋值
var points = x * 10; // Number 通过表达式字面量赋值
var lastName = "Johnson"; // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"]; // Array 通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"}; // Object 通过对象字面量赋值
JavaScript语句
JavaScript语句标识符
JavaScript变量
声明JavaScript变量
①使用 var 来声明,后再赋值
②使用 var 来声明的同时赋值
JavaScript数据类型
基本数据类型:
字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol
引用数据类型
对象(Object)、数组(Array)、函数(Function)
JavaScript拥有动态类型
var x; // x 为 undefined
var x = 5; // 现在 x 为数字
var x = "John"; // 现在 x 为字符串
JavaScript数组
var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW"; var cars=new Array("Saab","Volvo","BMW");
JavaScript对象
var person={firstname:"John", lastname:"Doe", id:5566}; var person={
firstname : "John",
lastname : "Doe",
id : 5566
};
对象属性有两种寻址方式:
name=person.lastname;
name=person["lastname"];
声明变量类型
声明新的变量使用 new
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
JavaScript对象
访问对象属性的两种方式:
①person.lastname
②person["lastname"]
访问对象方法
创建对象方法:
methodName : function() { code lines }
访问对象方法:
objectName.methodName()
JavaScript函数
function functionname()
{
// 执行代码
}
调用带参数的函数
//声明
function myFunction(var1,var2)
{
代码
} //调用
myFunction(argument1,argument2)
带有返回值的函数
//声明
function myFunction()
{
var x=5;
return x;
} //调用
var myVar=myFunction(); document.getElementById("demo").innerHTML=myFunction();
局部JavaScript变量
在JavaScript函数中声明( var )的局部变量,只能在函数内部访问它,
全局JavaScript变量
在函数外部声明的变量是全局变量,网页上的所有脚本和函数都能访问它。
JavaScript作用域
JavaScript作用域
在JavaScript中,对象和函数同样也是变量
在JavaScript中,作用域为可访问变量,对象,函数的集合
JavaScript函数作用域:作用域在函数内修改
JavaScript事件
HTML事件
HTML事件可以是浏览器行为,也可以是用户行为
①HTML页面完成加载
②HTML input字段改变时
③HTML按钮被点击
常见的HTML事件
更多事件列表:https://www.runoob.com/jsref/dom-obj-event.html
最新文章
- iOS 字符串的宽度和高度自适应
- Java Native Interface 六JNI中的异常
- 纪勇破解QQ号问题
- iOS事件响应链
- 阿里云 CentOS6.5 ssh连接慢的解决方案
- webmin-1.810 安装
- linux服务器调整参数支持高并发
- WPF与winform与silverlight的区别
- Unity shader(CG) 写一个 散色、折射、反射、菲涅尔、gamma、简单后期屏幕特效
- Java中可变长参数的使用及注意事项
- 【转】WCF、WebAPI、WCFREST、WebService之间的区别
- SQL Server监控清单
- 未能加载文件或程序集Newtonsoft.Json, Version=4.5.0.0
- 【Owin 学习系列】2. Owin Startup 类解析
- mapreduce作业reduce被大量kill掉
- go语言打造p2p网络
- postman使用详解
- IDictionary使用/声明
- Java的运行原理(转载)
- Individual Project