zoukankan      html  css  js  c++  java
  • js基础

    js基础

    一、js简介和写法

    二、查找和控制标签

    三、变量,数据类型和函数

    四、事件

    回到顶部

    一、js简介和写法

      1.js简介

        1995年,那个年代 没有任何一个脚本语言是运行在浏览器端,当时为了把表单验证在浏览器端完成所以开始研发js

      2.写法

        嵌入式 : <script></script>

        行内式 : <div onclick="alert('行内式')">测试行内式</div>

        外链式 : <script src="my.js"></script>

    二、查找和控制标签

      1.查找标签

        // 从整个网页文档里面, 通过id名box查找标签  document: 网页文档

               alert(document.getElementById('box')) 

      2.入口函数

         // 当浏览器加载完成之后, 执行大括号里面的命令 使程序预解析

            window.onload = function(){

                alert(document.getElementById('box')) }

    3.控制标签

      1. 控制标签的内容 - innerHTML

        document.getElementById('box').innerHTML = ''

      2. 控制标签的属性 - k=''

        document.getElementById('img').src = './photo/3.jpg'

    3.控制css样式  -style

       document.getElementById('box').style.color = 'pink'

    三、变量,数据类型和函数

      1.变量,数据类型

        变量: var xx = xx

        数据类型:  number  string  boolean undefined null , 检测数据类型 :  typeof()

      2.函数 

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <script>
            // alert(num) // 变量无法预解析
            var num = 1
            // 定义 function fnAx(参数){命令}
            // 调用 fnAX(参数)
            alert(fnAlert()) // js函数预解析
            function fnAlert(){
                // alert('自定义')
                return 1
                alert(111)
            }
        </script>
    </head>
    <body>
        
    </body>
    </html>
    函数定义, 和 匿名函数

    四、事件

      1.单击
        onclick : 单击事件
        onmouseover:滑动成功
        onmouseout : 离开成功 
      

     

  • 相关阅读:
    Kotlin Coroutines不复杂, 我来帮你理一理
    Refresh design pattern
    Android App安装包瘦身计划
    Google IO 2019 Android 太长不看版
    Effective Java读书笔记完结啦
    探究高级的Kotlin Coroutines知识
    移动应用中的非功能性(跨职能)需求
    Android程序员的Flutter学习笔记
    如何正确使用Espresso来测试你的Android程序
    MVP模式, 开源库mosby的使用及代码分析
  • 原文地址:https://www.cnblogs.com/Mryang123/p/10152565.html
Copyright © 2011-2022 走看看