JavaScript基础笔记

JavaScript基础笔记

JavaScript 是一种轻量级的编程语言，可插入 HTML 页面的编程代码。可用于写入 HTML；对html事件产生反应；改变 HTML 内容；改变 HTML 样式等。

用法

和css类似，可直接插入<script></script>，也可放在第三方文件内，js文件即是。

内部放置
<script>
function myFunction()
{
    document.getElementById("demo").innerHTML="hello world！";
    //访问某个 HTML 元素，通过ID
}
</script>
<p id="demo">P</p>
<button type="button" onclick="myFunction()">try</button>

外链链接
<script src="myScript.js"></script>

输出

四种方法：

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

JavaScript 函数

没啥说的 ，和其他语言差不多，注意使用方法就行。

<script>
function func()//注意格式即可
{
    // 执行代码
}
</script>
<button onclick="func()">点击这里</button>

<script>
function func(var1,var2){
             // 执行代码
}
</script>
<button onclick="func(1,2)">点击这里</button>

<script>
function func(var1,var2){
             return var1**var2
}
function func_inner(var1,var2){
        document.getElementById("demo").innerHTML=func(var1,var2)
}
</script>
<p id='demo'>aaa</p>
<button onclick="func_inner(10,2)">点击这里</button>