浅学JavaScript

JavaScript是互联网上最流行的脚本语言，可广泛用于服务器、PC、笔记本电脑智能手机等设备；

对事件的反应：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
    
<h1>我的第一个 JavaScript</h1>
<p>
JavaScript 能够对事件作出反应。比如对按钮的点击：
</p>
<button type="button" onclick="alert('欢迎!')">点我!</button>
    
</body>
</html>

改变HTML图像

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
    
<script>
function changeImage()
{
    element=document.getElementById('myimage')
    if (element.src.match("bulbon"))
    {
        element.src="/images/pic_bulboff.gif";
    }
    else
   {
        element.src="/images/pic_bulbon.gif";
   }
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">
<p>点击灯泡就可以打开或关闭这盏灯</p>
    
</body>
</html>

body中的JavaScript函数：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
    
<h1>我的第一个 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
<script>
function myFunction(){
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
    
</body>
</html>

1.外部 JavaScript 文件的文件扩展名是 .js

2.使用window.alert() 弹出警告框。

3.使用document.write() 方法将内容写到 HTML 文档中。

4.使用 innerHTML 写入到 HTML 元素。

5.使用console.log()写入到浏览器的控制台。

JavaScript 语句是发给浏览器的命令。
这些命令的作用是告诉浏览器要做的事情。
下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" ：

document.getElementById("demo").innerHTML = "你好 Dolly";

注释：

单行注释以 // 开头。

多行注释以 /* 开始，以 */ 结尾。

只是浅学了解一下相关的语法语句意思，所以没有很深，建议学习网址链接

对事件的反应：

改变HTML图像

body中的JavaScript函数：

注释：

猜你喜欢