zoukankan      html  css  js  c++  java
  • js介绍及语法结构(简单介绍,js特点,出现的位置,变量)

       javaScript它是一门动态的,弱类型的,解释型面向Web的编程语言。虽然名字里有Java但其它与Java无关。它可以用来增强页面动态效果,实现页面与用户之间的实时,动态交互。

       javascript由三部分组成:

        ECMAScript:提供核心的语言功能(ECMA欧洲计算机制造商协会)

        DOM:文档对象模型,描述处理网页内容的方法和接口(Document Object Model)

        BOM:浏览器对象模型,描述与浏览器进行交互的方法和接口(Browser Object Model)

      特点:

        跨平台的web脚本语言

        向html页面添加交互行为

        可与服务器进行能信

        .......

      出现的位置

        行间:简单直接,不利于维护    

     <input type="button" id="btn1"  onclick="alert(1)" >

        内嵌:样式共享,方便

    <input type="button" id="btn" value="按钮">
        <script>
            document.getElementById('btn').onclick = function () {
                alert(1);
            }
        </script>

        外链:推荐工作中使用

    <script src="demo.js"></script>

      标识符和保留字

        标识符:它就是一个名字,用来对变量和函数进命名,或者是做Javascript代码中某些循环中跳转位置的标记。标识符必须以字母,下划线(_)或者是美元符($)开始.

        保留字:Javascript保留了一些标识符为自已所用,这些保留字不能用做普通的标识符,关键字只是保留字的一部分,保留字包括关键字,未来保留字、空字面量和布尔值字面量。 

      大小写问题

        Javascript中的关键字、变量、函数名和所有的标识符都必须采取一致的大小写形式。  

      注释

        不需要解释和执行仅供自己参考或提醒自己希望解释器能直接忽略的信息。注释一定是精确的描述

        分为:单行注释:两个斜杠开头;  多行注释:块级注释,以一个斜杠和一个星号/*开头,以一个星号和一个斜杠*/结尾,不可嵌套。

      变量

        变量是用于保存数据,可变的量。

        变量有以下的命名规则:允许是数字,字母,下划线,美元符任意组合而成,不能是以数字开头,不能使用关键字和保留字。

        变量的命名风格:语义化和驼峰命名(小驼峰:除第一个单词之外,其它单词的字母大写如:int myStudentCount。变量一般用小驼峰,大驼峰把第一个单词的首字母也大写,常用于类名,属性,命名空间如:public class DataBaseUser)。

     变量例子:点击按钮改变下方图片的宽高。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>变量例子</title>
        <style>
            div{
                width: 200px;height: 200px;background-color: greenyellow;
            }
        </style>
    </head>
    <body>
        <script>  
            window.onload = function () {
                var box = document.getElementById('box');
                document.getElementById('btn').onclick = function () {
                    box.style.width = '400px';
                    box.style.height = '400px';
                }
            }
        </script>
        <button id="btn">按钮</button>
        <div id="box"></div>
        <!-- 
            1.document.getElementById() 拿到按钮
            2.用到window.onload()  
            3.修改属性 元素.style.样式=值
            4.变量
         -->
    </body>
    </html>
  • 相关阅读:
    Unity错误-(Android build error) Can not sign application Unable to sign application; please provide passwords!
    C#WCF中传输List对象
    抓包工具Omnipeek,Wireshark
    Ubuntu18+.netcore+Nginx+Supervisor部署ASP.NET项目
    3D成像技术
    3D显示技术
    学习模电与数电
    【Java123】解决PKIX path building failed / unable to find valid certification path to requested target
    【Python123】Introduction
    【WebConsole123】练习案例之浏览器访问服务器shell
  • 原文地址:https://www.cnblogs.com/davina123/p/11797304.html
Copyright © 2011-2022 走看看