zoukankan      html  css  js  c++  java
  • JS基础篇【1】

    该文讲解适用于有一定语言开发基础的朋友们,亦可当作久别重逢之回顾!

     1、JS简介

    JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

    JavaScript 是脚本语言

    JavaScript 是一种轻量级的编程语言。

    JavaScript 是可插入 HTML 页面的编程代码。

    JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

    JavaScript 很容易学习。

    JavaScript:直接写入 HTML 输出流

    实例

    document.write("<h1>这是一个标题</h1>"); 
    document.write("<p>这是一个段落。</p>");

    JavaScript:对事件的反应

    实例

    <button type="button" onclick="alert('欢迎!')">点我!</button>
     

    JavaScript:改变 HTML 内容

    使用 JavaScript 来处理 HTML 内容是非常强大的功能。

    实例

    x=document.getElementById("demo")  //查找元素 
    x.innerHTML="Hello JavaScript";    //改变内容

    JavaScript:改变 HTML 图像

    本例会动态地改变 HTML 图像的来源(src):

    <html>代码

    <img id="myimage" onclick="changeImage()"
    src="/statics/images/course/pic_bulboff.gif" width="100" height="180">
    <p>点击灯泡就可以打开或关闭这盏灯</p>

    <JS>代码

    function changeImage()
    {
    element=document.getElementById('myimage')
    if (element.src.match("bulbon"))
    {
    element.src="/statics/images/course/pic_bulboff.gif";
    }
    else
    {
    element.src="/statics/images/course/pic_bulbon.gif";
    }
    }

    2、JavaScript 知识图谱

    JS知识图谱【链接】
     
    学着把生活的苦酒当成饮料一样慢慢品尝, 不论生命经过多少委屈和艰辛, 我们总是以一个朝气蓬勃的面孔, 醒来在每一个早上。
  • 相关阅读:
    微服务-SpringCloud学习系列(二):注册中心Eureka
    Spring Security系列(一)简介
    程序人生(一)--习惯与性格
    JavaEE系列(一)--Filter技术
    JavaEE系列(一)--Servlet技术
    微服务-SpringCloud学习系列(一):认识微服务
    mongoDB安装
    php遍历目录下的文件
    mysql创建视图
    ssh 安全策略
  • 原文地址:https://www.cnblogs.com/yhm9/p/10801434.html
Copyright © 2011-2022 走看看