JavaScript
内涵是一种信仰
这个作者很懒,什么都没留下…
展开
-
JavaScript_JavaScript的简介(alert)_书写规范_调错_console.log()_prompt_转义符_Unit_1;
Topic 1 . JavaScript的简介 :JavaScript用来制作web页面交互效果,提升用户体验。他可以做什么 :轮播图 ,Tab栏(选项卡) , 地图 ,表单验证;web前端的三层结构 :w3c的规范:行内样式(淘汰)结构层 HTML 从语义的角度,描述页面结构样式层 CSS 从审美的角度,美化页面...原创 2018-07-29 15:23:24 · 502 阅读 · 0 评论 -
JavaScript_menu_write_innerHTML_表格的解析_Unit_8;
Topic 1 : menu <!doctype html><html><head><meta charset="utf-8"><title>menu</title> <style type="text/css"> .ul li { list-sty原创 2018-08-13 20:37:31 · 169 阅读 · 0 评论 -
JavaScript_innerText(innerHTML)_HTML的转义符(和常用的符号)_文本框的操作_Unit_4;
Topic 1 : innerText(innerHTML)_HTML的转义符(和常用的符号):可读可写:innnerText;innerHTML;这两个属性是字符串类型;box.innerText; (属性)他是这样使用的;innerHtml和innerText的区别为:innerText 获取内容的时候会把标签过滤掉 通过浏览器渲染了 不会打印出来;老版本的f...原创 2018-08-04 13:52:35 · 3112 阅读 · 0 评论 -
JavaScript_动态创建元素的三种方法_节点操作_选水果游戏_注册事件(多个)_移除事件_事件捕获,冒泡,委托,对象_Unit_10;
Topic 1 : 动态创建元素的三种方法 :1 . document.write()2 .innerHTML3 .document.createElement();建议使用第三种方法,因为第三种方法好操作,生成的都是对象; 我们看三种方法的比较:1. 中间的但是跟最快的比较接近点<script> function fn() { ...原创 2018-08-20 17:18:07 · 376 阅读 · 0 评论 -
JavaScript_动态创建表格(及其所有的知识点)_Unit_9;
Topic :动态创建表格(及其所有的知识点)功能说明: 我们模拟从服务器得到数据来动态生成表格的过程 我们把表格放到指定的位置 在这里我们放到box里面我们可以通过删除键来进行删除相应的数据我们把生成表格的方法封装成一个函数这样我们以后就可以用一句话方便的创建表格了;网页示例: 代码示例 :<!doctype html><html&...原创 2018-08-14 17:44:31 · 491 阅读 · 0 评论 -
JavaScript_BOM_定时器_倒计时案例_Location_登录页面的编写_Unit_12;
Topic 1 :BOMDOM : 文档对象模型BOM : 浏览器对象模型浏览器中的顶级对象是window;我们在写的时候一般会把window给省略;我们定义的属性和方法都是window的子对象;需要注意的就是window中的name和top两个属性,我们在代码中要是定义了相同名字的属性name很可能会是string类型(因为window中有这个属性);onunload(关...原创 2018-09-02 18:56:08 · 492 阅读 · 0 评论 -
JavaScript_案例_标签的自定义属性_样式操作_开关灯操作_二维码显示操作_div样式操作_隔行变色高亮显示_Unit_6;
Topic 1 : 标签的自定义属性代码示例:<!doctype html><html><head><meta charset="utf-8"><title>自定义属性</title> <style> .bg { background-color: red;原创 2018-08-07 16:31:21 · 349 阅读 · 0 评论 -
JavaScript_获取元素_事件_事件的两个小案例_表单元素的组成_元素的属性_id选择器与类选择器的异同_代码的优化_js中this的解析_Unit_3;
说明:关于JavaScript的文章 我把知识点都以注释放在代码里 所以说代码注释真的很重要:Topic 1 :获取元素的方法 :获取元素的方法有五种 :1 . 根据id获取元素 :2 . 根据标签名字获取元素 :代码示例如下:<!doctype html><html><head><meta charset="utf-...原创 2018-08-01 17:53:06 · 211 阅读 · 0 评论 -
JavaScript_案例_1.检测用户输入_2.文本框默认样式设置_3.设计一个表格的样式实现全选反选的功能 _Unit_5;
Topic 1 : 检测用户的输入 :题目要求:编写一个用户注册页面检测用户名是否是6位以下,密码是否是8位以上,如果不满足要求高亮显示文本框 ;代码如下 :<!doctype html><html><head><meta charset="utf-8"><title>用户注册页面</title&g原创 2018-08-05 16:30:22 · 273 阅读 · 0 评论 -
JavaScript_基础知识的总结_数据类型_关键字,保留字_Math对象_Js特殊的运算符_类型的转换_三元运算符_Unit_2;
说明 :对于JavaScript的基础知识有许多都是与Java相同的,在这里我们只梳理他们的不同之处,还有就是我感觉有必要复习的点;Topic 1 :数据类型 :JavaScript中的数据类型有 :1 . number这个就是数字类型 它对应的有一个NaN(not a number)NaN的作用为:用来表示数值的一种不正常的状态。一般情况下会在计算出现错误的时候出...原创 2018-07-30 09:52:49 · 192 阅读 · 0 评论 -
JavaScript_跟着鼠标飞的天使_事件冒泡参数_取消默认行为的执行_鼠标在盒子中的位置_键盘事件_Unit_11;
Topic 1 :跟随的天使screenX:鼠标位置相对于用户屏幕水平偏移量,而screenY也就是垂直方向的,此时的参照点也就是原点是屏幕的左上角。clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角,该参照点会随之滚动条的移动而移动。pageX:参照点也是浏览器内容区域的左上角,但它不会随着滚动条而变动 始终是浏览器最上面的左上角直接把鼠标的坐标给天使...原创 2018-08-27 10:59:04 · 331 阅读 · 0 评论