Python---前端之路---JavaScript

最新推荐文章于 2024-06-06 22:45:00 发布

惊乀鸿

最新推荐文章于 2024-06-06 22:45:00 发布

阅读量200

点赞数

文章标签： JavaScript

本文链接：https://blog.csdn.net/weixin_43965642/article/details/87807874

版权

日常随笔---随心意专栏收录该内容

6 篇文章 0 订阅

订阅专栏

JavaScript 推荐学习网址，非常全的语法和使用案例：http://www.w3school.com.cn/js/index.asp
   概念
       HTML：决定页面结构是否存在
       CSS：决定页面显示效果
       JavaScript：决定页面中人机交互功能
   三种引入方式
       内联 <div οnclick="alert('hello world')">
       嵌套
           <head>
           
           <script>
           alert('ok！');
           </script>
           </head>
       外联 <script type="text/javascript" src="js/index.js"></script>
   元素的属性-方法
       页面加载后执行 window.onload = function( ){需要被触发执行的代码}
       获取元素 var 变量名 = document.getElementById('id名')
       获取属性
           var 变量 = 元素.属性名
           实例
               var sValue = oInput.value;
               var sType = oInput.type;
               var sName = oInput.name;
               var sLinks = oA.href;
       改写属性
           元素.属性名 = 新属性值
           注意
       css中的属性
           如：变量.style.color
       HTML标签中的值
           通过HTML标签的className（class的替代描述）或者id来获取元素
           获取HTML标签中的值 var sTxt = oDiv.innerHTML; 获取的是源代码内容
           修改HTML标签中的值 oDiv.innerHTML = '<a href="http://www.itcast.cn">传智播客<a/>';
           修改后的值会被编译当做HTML代码执行
       注意：属性名中含有-的，需要使用小驼峰代替原来的属性名，如font-size，应使用fontSize
   事件
       函数.变量.数据类型
           函数
               function的定义
                   function 函数名() {函数执行的方法;}
               匿名函数function() {方法体;}
                   如事件=function( ) {执行的功能;}
               封闭函数 (function(){方法体;}) ();
                   创建一开始就执行
               返回值 return返回值
           数据类型
               数值 nubmer
               字符串 string
               布尔类型 boolear
               undefined 未初始化
               对象(复合类型) object 如null空对象 [1,2,3]数组对象
               获取变量类型typeof（变量名）
           变量作用域
               全局变量：在函数外定义的变量
               局部变量：在函数内定义的变量
           变量
               变量的命名风格
                   数组a Array 比如：aItems
                   字符串s String 比如：sUserName
                   整数i Integer 比如：iItemCount
                   布尔值b Boolean 比如：bIsComplete
                   浮点数f Float 比如：fPrice
                   函数fn Function 比如：fnHandler
                   正则表达式re RegExp 比如：reEmailCheck
               var 变量名 = 变量值
           条件.l逻辑
               === 进行值和类型是否一致的判断 ‘1’= 1 为false
               ==对值进行判断 ‘1’=1 为True
               &&与||或!非
               if(条件) {执行内容}... else if (条件) {执行内容} ... else{}
       事件
           常用事件
               鼠标单击事件 onclick
               鼠标双击事件 ondblclick (double)
               鼠标移入事件 onmouseover
               鼠标移除事件 onmouseout
           事件绑定
               元素.事件名 = 需要被执行的代码即函数名，不加括号（加括号即为引用）
           匿名函数
               先getById定义元素，然后元素名.事件名=匿名函数
   数组.字符串.定时器
       字符串处理方法
           + 字符串进行拼接
           parselnt(数字字符串) 将数字字符串转换为整数
           parseFloat（数字字符串）将数字字符串转换为小数如‘3.14159’
           字符串.split（'分隔符'）把一个字符串分隔成字符组成的数组，直接写""，将每一个字符都分隔
           indexOf('字符') 返回指定字符串值在字符串中首次出现的位置，没有出现则返回-1
           字符串.substring(开始下标，结束下标)截取字符串，左闭右开
           字符串反转字符串.split("").reverse().join("")
       定时器
           作用
               定时调用函数
               制作动画
               模拟网络延时的情况
           种类
               执行一次的定时器: setTimeout
               执行多次的定时器: setInterval
               关闭只执行一次的定时器: clearTimeout
               关闭反复执行的定时器: clearInterval
           使用
               setInterval(code,millisec)
               code 必需。要调用的函数或要执行的代码串。
               millisec 必须。周期性执行或调用 code 之间的时间间隔，以毫秒计
           去除
               clearTimeout(定时器变量名);
               clearInterval(定时器变量名);
       数组
           数组名.length 获取数组的长度，length是属性而非方法
           数组名[小标] 可以进行获取或者修改
           数组名.join（分隔符）将数组成员通过一个分隔符合并成字符串
           push( )和pop( )数组的末尾进行添加或删除一个元素
           数组名.reverse（）将数组进行反转
           indexOf（）返回数组中元素第一次出现的索引值，存在返回索引值，不存在时返回-1
           数组名.splice(index,howmany,item1,...itemx) index 整数规定添加/删除的索引位置 howmany 要删除的项目数量，为0不会删除项目，item1...itemX为添加的元素
   调试
       alert(要展示的内容)
       控制台日志打印   console.log(要展示的内容)
       document.title = 要显示的内容
       document.write(exp1,exp2,exp3,....)
       typeof（js对象）查看对象数据类型

惊乀鸿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Python---前端之路---JavaScript

JavaScript 推荐学习网址，非常全的语法和使用案例：http://www.w3school.com.cn/js/index.asp 概念 HTML：决定页面结构是否存在 CSS：决定页面显示效果 JavaScript：决定页面中人机交互功能三种引入方式内联 <div onclick="al...
复制链接

扫一扫

专栏目录