美文网首页
前端基本功--js实战1 9.24

前端基本功--js实战1 9.24

作者: 多佳小昕 | 来源:发表于2017-09-26 19:54 被阅读0次

一、js作用
1.网页特效
2.网页交互
3.表单验证
总之就是控制结构和样式。
二、
js基本语句都是属于内置对象,内置对象功能,例如手机的短信、电话功能。
三、基本语句
1.alert() window.alert() 弹出警示框
window 窗口对象 一般可以省略

  1. consloe 控制台输出
    consloe.log() 控制台普通输出语句
    consloe.warn() 控制台警示语句
    consloe.error() 错误提示
    3.document.write() 文档打印输出
    document是文档对象 不可以省略

alert不好,用得少,用户体验不好;
console用户看不见;
document.write() 可以直接在页面出现。

四、
类名可以有好多个 。
Id 是永远是唯一的。 不会冲突。
Get 获取 element 元素 by 通过id 名字,通过 id 名字,来得到这个元素
在js中没有“-”,都是连在一起写的。
五、变量的命名规则
1.变量命名必须以字母或是下标符号””或者”$”为开头(是可以有中文的 例如变量)。
2.变量名长度不能超过255个字符。
3.变量名中不允许使用空格。
4.不能使用脚本语言中保留的关键字及保留符号作为变量名。
5.变量名区分大小写。(javascript是严格区分大小写的语言)

六、变量的作用域

  1. 在最外层声明的变量:全局变量。
    在函数体内部,但是没有声明var 的变量也是全局变量
  2. 在函数体内部的 声明的变量: 局部变量。
    七、事件三要素
    事件源 :要触发的对象
    事件:点击、按键盘、鼠标经过
    事件处理程序:发生了什么事
    事件源.事件 = function (){ 事件三要素 }

事件名 说明
onclick 鼠标单击
ondblclick 鼠标双击
onkeyup 按下并释放键盘上的一个键时触发
onchange 文本内容或下拉菜单中的选项发生改变
onfocus 获得焦点,表示文本框等获得鼠标光标。
onblur 失去焦点,表示文本框等失去鼠标光标。
onmouseover 鼠标悬停,即鼠标停留在图片等的上方
onmouseout 鼠标移出,即离开图片等所在的区域
onload 网页文档加载事件
onunload 关闭网页时
onsubmit 表单提交事件
onreset 重置表单时

八、隐藏样式
Display: none 隐藏 display: block ; 显示
Visibility: hidden; visibility: visible
Display 隐藏不占位置
Visibility:hidden 隐藏占有位置 停职留心
Overflow:hidden; 隐藏超出的部分。
九、入口函数
window.onload = function(){}
这句话可以放在任何地方。意思等页面加载完再执行函数。
一个文件里只能写一次,写多了只执行最后一个。
十、padding
1.内边距,会影响盒子大小,前提是这个盒子有宽度!
2.行内元素尽量不用 上下的padding和margin!
3.继承的宽度 padding不会挤开 继承了父亲盒子的宽度,本身没有宽度 。
十一、js的分类

  1. 行内式
    <button onclick="alert('你好')"></button>
    一般情况,单双引号是一样 的 但是出现了包裹的情况,成对出现,外双内单!
    <a href=”javascript:;”></a> js轮播图切换常用这个!
    <a href=”javascript:void(0);”></a>
    2.内嵌式 <script type=”text/javascript”> </script> 任何一个地方
    3.外链式 <script type=”text/javascript” src=”xx.js”></script>
    十二、数据类型
    1.字符型
    转换:用“”,加了引号的都是字符型;String();
    2.数据型
    转换: 利用 - * / 都可以转换 ;利用Number( )
    3.布尔型
    转换:利用 !! ;利用 Boolean() ;
    false、undefined 、null、0、”” 为 false
    true、1、”somestring”、[Object] 为 true

    4.null 空的 没有值 。
    5.undefined 未定义的 应该有值,但是没有给。
  2. parseInt(10,2) 2 表示2进制 吧10 这个2进制转换为 10进制
    练习题:
    var a="15.15abc" , b='10.15' , c='10.0abc';
    alert(parseInt(a)+Number(b)+parseFloat(c));
    number() 小数也算,15+10.15+10

相关文章

  • 前端基本功--js实战1 9.24

    一、js作用1.网页特效2.网页交互3.表单验证总之就是控制结构和样式。二、js基本语句都是属于内置对象,内置对象...

  • js基本功01

    前端基本功—js 第1天 [if !supportLists]1.1[endif]课程介绍 前6天js的基础语法(...

  • 前端基本功--js实战4 10.31

    一、三种循环 for(初始化; 条件; 增量){} while(条件) { 语句 } 可能会不执行 do {} ...

  • 前端基本功--js实战7 11.09

    一、根据字符返回位置 跟charAt() 相反根据位置返回字符indexOf(“字符”);找不到返回-1,索引号从...

  • 前端基本功--js实战5 11.05

    一、1.获取节点属性getAttribute(属性) 获取属性alert(demo.getAttribu...

  • 前端基本功--js实战6 11.07

    一、时钟 1.第一步:得到现在的时分秒第二步:秒针一次走6度、分针一次走6度、时针一次走30度。 二、短信验证 1...

  • 前端基本功--js实战2 10.12

    一、函数声明函数: 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。1.自定义函数 需要调用 func...

  • 前端基本功--js实战3 10.24

    一、仿淘宝搜索框 label for "id"Paste_Image.pngps:忘记了子绝父相要设置位置2.判断...

  • 1-前端基本功-JS

    //预解析:js的解析器在页面加载的时候,首先检查页面上的语法错误。把变量声明提升起来。//变量值提升变量名,不提...

  • 前端基本功--css实战1 9.10

    一、京东页面 1.Font字体综合写法 font:字体加粗 字号/行高 字体; font-weight:bold ...

网友评论

      本文标题:前端基本功--js实战1 9.24

      本文链接:https://www.haomeiwen.com/subject/plpusxtx.html