JavaScript 学习笔记 （一）

javascript 用法

你JS是世界上最好的语言！！！

---

标签

• 调用script
• 在可以把javascript函数保存在.js的文件中，并用调用它

---

输出

javaScript的输出方式有

• 用window.alert()弹出警告框
• 用document.write()将内容写到HTML中
• 用innerHTML写入HTML元素
• 用console.log()写入浏览器的控制台

通常我们用console.log()进行调试

javascript 语法

数字
- 3.14
- 10101
- 123e5

字符串

• 可以用双引号或或者单引号

计算

• 5+6
• 5*6

数组

• [40,123,123,3213,123,123]

对象（这不就是字典么,不过能加函数）

 {firstname : "john",
lastname:"joe",
  "like":function()
    {
       return "打篮球" 
    }
 }

函数 - function myfunction(a,b){return a*b ;} 关键字 - 通过 var 来创建新的变量 - 关键字表格 略 注释 - // - /* */

javaScript 函数

关键词
function

function functionname (arg1,arg2)
{
    return arg1+arg2
}

如果不保存变量，也可调用返回值

document.getElementById("id").innerHTML=functionname(1,2);

javascript 事件

HTML事件

• HTML 页面完成加载
• HTML input 字段时候
• HTML 点击事件
• HTML 刷新事件
• to be continue

通过触发是事件代码可以自动执行函数

<script>
    function dispalyDate()
    {
        document.getElementById("demo").innerHTML=Date();
    }
</script>
<button onclick="diplayDate()"> 获取时间 </button>
<p id="demo"></p>

#### 常见HTML事件 #### header 1 | header 2 | —|— onchange | HTML 元素改变 onclick | 用户点击 HTML 元素 onmouseover | 用户在一个HTML元素上移动鼠标 onmouseout | 用户从一个HTML元素上移开鼠标 onkeydown | 用户按下键盘按键 onload | 浏览器已完成页面的加载

严格模式

js 允许变量先使用再申明（哇？还能这么玩？）

但是在

有些语法和C++ 与PYTHON类似

在此不多做赘述

说实话，觉得和C++更像些

java scaript 表单

HTML的表单验证可用JS完成。

<input id="numb">

<button type="button" onclick="myFunction()">提交</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x, text;

    // 获取 id="numb" 的值
    x = document.getElementById("numb").value;

    // 如果输入的值 x 不是数字或者小于 1 或者大于 10，则提示错误 Not a Number or less than one or greater than 10
    if (isNaN(x) || x < 1 || x > 10) {
        text = "输入错误";
    } else {
        text = "输入正确";
    }
    document.getElementById("demo").innerHTML = text;
}
</script>

[代码来自菜鸟教程](http://runoob.com/)

今天就写这么多了，对于js的函数不是很了解。但是大概看了一些常用的（我认为常用的。）

大概看了看JS的语法吧，居然一天看了HTML和JS，可能自己有很多掌握的不扎实的地方。

明天再看一看JS的函数。等等还要去写英语的PRESENTATION ，就写到这里了

2018年1月8日20:38:36