从头开始学习JavaScript,重新开始打基础
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Ryan study javascript</h1>
<p id="demo"></p>
<button onclick="myFunction()">查看当前时间</button>
<!-- 调用demo1函数 -->
<button onclick="demo1('我','Ryan')">函数调用</button>
<!-- 调用带有返回值的函数 -->
<p id="demo2"></p>
<script type="text/javascript">
// window.alert(5 + 6);
//可以通过getElementById来给页面添加内容
// 也可以直接write直接添加
// document.getElementById("demo").innerHTML = Date();
// document.write(Date());
// 如果在页面完成之后执行document.write,会将整个HTML页面覆盖
function myFunction() {
document.write(Date());
}
// 重复声明同一个变量,不会让它的值丢失
var count = 5;
var count;
document.getElementById('demo').innerHTML = count;
/*
JavaScript中数据类型:
值类型(基本类型):字符串(String)数字(Number)布尔值(Boolean)
空(Null)未定义(Undefined)Symbol(E6引入的一种新的原始数据类型,表示独一无二)
引用数据类型(对象类型):对象(Object)数组(Array)函数(Function)
还有两个特殊的对象(正则RegExp、日期Date)
*/
// 当你想要声明新变量时,可以使用关键词new来声明其类型
// JavaScript变量均为对象,当你声明一个变量的时候就创建了一个对象
var number = new Number;
number = 'hello'
console.log(typeof number)
// JavaScript中的函数中调用带参函数
function demo1(firstName, lastName) {
alert(firstName + 'is' + lastName);
}
// 带有返回值的函数
function demo2(x, y) {
return x * y;
}
document.getElementById("demo2").innerHTML = demo2(3, 6);
// 如果给为声明的变量赋值的话,该变量会被当作window的一个属性
// 这种情况下创建的全局变量是属于可配置属性,是可以删除的
var var1 = 1;
var2 = 3;
// 都可以当作全局变量来使用
console.log(this.var1);
console.log(this.var2);
console.log(window.var1);
console.log(window.var2);
delete var1;
// 被定义的变量无法删掉
console.log(var1);
delete var2
// 未被定义的变量是可以被删掉
// 因此执行页面后台会显示未被定义;ReferenceError: var2 is not defined
console.log(var2);
</script>
</body>
</html>
标签:console,log,var2,JavaScript,基础,学习,var1,document From: https://blog.csdn.net/weixin_58573288/article/details/140404955今天的学习内容比较简单,由于开始工作了,之后只能周末创作和学习了,但是每天都有在好好学习哦!!!!