【学习blus老师js(4)--DOM】的更多相关文章

学习blus老师js(5)--DOM操作应用高级

一.表格应用 - 1 获取 tBodies.tHead.tFoot.rows.cells 一个表格可以有很多tbody,所以tBodies是数组: 一个表格只能有一个thead和tfoot,所以tHead和tFoot是一个元素: 表格有自己独有的简便操作:因为js诞生的时候,那会全是表格:所以给表格提供了一些便捷的操作. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <ti…

学习blus老师js(4)--DOM

一.DOM节点 1.获取子节点: childNodes  nodeType         节点类型 children            只包括元素,不包括文本:  子节点只算第一层.只算孩子一级. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script> window.onload=func…

学习blus老师js(1)--基础

1.网页换肤: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <link id="l1" rel="stylesheet" type="text/css" href="css1.css" /> <script>…

学习blus老师js(6)--js运动基础

运动基础 一.匀速运动 运动框架 在开始运动时,关闭已有定时器 把运动和停止隔开(if/else) <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1 {width:200px; height:200px; background:red; position:absolute; to…

学习blus老师js(3)--定时器的使用

1.无缝滚动——基础 物体运动基础 让Div移动起来 offsetLeft的作用 用定时器让物体连续移动   offsetLeft: 获取物体的左边距:最大的优点在于可以综合考虑所有影响这个物体位置的因素之后,得出来一个最终的结论. 如果仅仅取left,margin就考虑不到:   offsetLeft/offsetTop : offsetTop获取物体的上边距 offsetWidth/offsetHeight : 获取物体的宽度以及高度: <!DOCTYPE HTML> <html&g…

学习blus老师js(2)--深入JavaScript

1.函数传参 可变参(不定参):arguments 参数的个数可变,参数数组   例1.求和 求所有参数的和 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script> function sum() { //alert(arguments.length); //alert(arguments[0])…

python学习笔记十三 JS，Dom（进阶篇）

JS介绍 JavaScript 是属于网络的脚本语言!JavaScript 被数百万计的网页用来改进设计.验证表单.检测浏览器.创建cookies,以及更多的应用:JavaScript 是因特网上最流行的脚本语言. JavaScript 与 Java 是两种完全不同的语言,无论在概念还是设计上. Java(由 Sun 发明)是更复杂的编程语言. ECMA-262 是 JavaScript 标准的官方名称. JavaScript 由 Brendan Eich 发明.它于 1995 年出现在 Net…

原生js操作dom的方法

今天学习了原生js的dom节点的操作,就记录下来,仅供自己以后参考. 1)创建节点:除了可以使用createElement创建元素,也可以使用createTextNode创建文本节点. document.body指向的是<body>元素;document.documentElement则指向<html>元素     //创建节点     var createNode = document.createElement("div");     var createT…

Javascript学习记录——原生JS实现旋转木马特效

昨天学习到了JS特效部分,然后老师讲了旋转木马特效的实现,如上图.不过只是讲了通过点击箭头实现图片的切换,对于点击图片本身以及二者联动却是没有讲解. 本着一颗追求完美的心,今天花费了一个中午终于将整个功能全部完善(死了太多脑细胞~~). 接下来直接进入主题哈~(主要讲解JS,所以对其中的HTML及CSS不做详细说明.) 首先是HTML代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset…

bootstrap插件学习-bootstrap.modal.js

bootstrap插件学习-bootstrap.modal.js 先从bootstrap.modal.js的结构看起. function($){ var Modal = function(){} //构造器 Modal.prototype = function(){} //构造器的原型 function ..(){} //自定义方法 $.fn.modal = function(){} //在jQuery对象上自定方法 $.fn.modal.defaults = {} //设置默认属性 $.fn.…