zoukankan      html  css  js  c++  java
  • 浅学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";
    
    注释:

    单行注释以 // 开头。

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

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

  • 相关阅读:
    zookeeper03
    微服务网关Zuul
    微服务网关概述
    服务熔断Hystrix高级
    服务熔断Hystrix入门
    微服务架构的高并发问题
    服务注册和发现总结
    服务调用Feign高级
    服务调用Feign入门
    负载均衡Ribbon高级
  • 原文地址:https://www.cnblogs.com/heihuifei/p/9175806.html
Copyright © 2011-2022 走看看