<!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - beforeCheck / onCheck</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src=&q…
<!DOCTYPE html> <HTML> <HEAD> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="js/jquery-3.3.1.js"></script> <link rel=&q…
<!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - copyNode / moveNode</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src=&quo…
<!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - drag & drop</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta lang="zh"> <script type="t…
1.逻辑可能有不完善的地方,如果发现,请指出. <!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - drag & drop</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta lang="zh">…
1.注意: 测试点击事件时,如果要测试取消选中和追加选中,如果按住ctrl和win键无用,则需要先用鼠标左键按住,然后,在松开左键的前几毫秒按住ctrl键便可! <!DOCTYPE html> <script src="bower_components/ztree/js/jquery.ztree.excheck-3.5.js"></script> <HTML> <HEAD> <TITLE> ZTREE DEMO -…
<!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - addNodes / editName / removeNode / removeChildNodes</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type=&quo…
<!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - beforeEditName / beforeRemove / onRemove / beforeRename / onRename</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <s…
<!DOCTYPE html> <HTML> <HEAD> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="js/jquery-3.3.1.js"></script> <link rel=&q…
<!DOCTYPE html> <HTML> <HEAD> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="js/jquery-3.3.1.js"></script> <link rel=&q…
<!--<!DOCTYPE html>--> <!--<HTML>--> <!--<HEAD>--> <!--<TITLE>zTree测试</TITLE>--> <!--<meta http-equiv="content-type" content="text/html; charset=UTF-8">--> <!--<li…
<!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - Standard Data </TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="../bower_c…
<!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - Standard Data </TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="../bower_c…
1.代码 <!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - Standard Data </TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="../bo…
1.安装: 我用的bower工具,所以执行: bower install ztree 2.详细功能与配制,请考官方文档: http://www.treejs.cn/v3/main.php#_zTreeInfo 3.代码: <!DOCTYPE html> <HTML> <HEAD> <TITLE>zTree测试</TITLE> <meta http-equiv="content-type" content="te…
编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提示: obj.style.width obj.style.height 三.定义"隐藏内容"的函数 提示: obj.style.display="none"; 四.定义"显示内容"的函数 提示: obj.style.display="blo…
1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write("单行注释使用'//'"); // 我是注释,该语句功能在网页中输出内容 </script> 多行注释以"/*"开始,以"*/"结束. <script type="text/javascript"> document.…
JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运算符(+,-,*,/,++,--,%).比较运算符(>,<,<=,>=,==,===,!=,!==).逻辑运算符(||,&&,!).条件运算(?:).位移运算符(|,&,<<,>>,~,^)和字符串运算符(+). 可能很多人不知道&quo…
                   console.info(         console.info(window['weiwu'])          console.info(window.weiwu)          console.info(weiwu)                                  console.info(age);                                               }               …
JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此,小强老师给大家写了这篇入门的javascript文章.从零基础开始学习js,使大家入门更简单,希望大家喜欢.JavaScript是一种脚本语言. 也是我们web网络中最为流行一种脚本语言.脚本语言:     1.不是独立存在的.需要依附.js就是依附在浏览器中.     2.脚本语言也是语言,也有…
Bootstrap入门(二十三)JS插件1:模态框 1.静态实例 2.动态实例 3.模态框的尺寸和效果 4.包含表单的模态框 模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小和最实用的功能集. 但是千万不要在一个模态框上重叠另一个模态框.要想同时支持多个模态框,需要自己写额外的代码来实现. 首先我们要引入CSS文件和JS文件(bootstrap需要jQuery的支持) <link href="bootstrap.min.css" rel="styleshee…
记录一下在慕课网学习JavaScript的过程. 以下内容均来自慕课网. 传送:https://www.imooc.com/code/401 为什么学习JavaScript 1. 所有主流浏览器都支持JavaScript. 2. 目前,全世界大部分网页都使用JavaScript. 3. 它可以让网页呈现各种动态效果. 4. 做为一个Web开发师,如果你想提供漂亮的网页.令用户满意的上网体验,JavaScript是必不可少的工具. 注意, <script>标签要成对出现,并把JavaScript…
 JAVASCRIPT—(慕课网)入门篇 我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间. <script type="text/javascript">表示在<script></script>之间的是文本类型(text),ja…
JavaScript入门几个概念 刚刚入门JavaScript的时候,搞懂DOM.BOM以及它们的对象document和window很有必要. DOM是为了操作文档出现的API,document是它的一个对象. BOM是为了操作浏览器出现的API,window是它的一个对象. DOM When a web page is loaded, the browser creates a Document Object Model of the page. DOM(Docment Object Mode…
1.通过ID获取元素 document.getElementById("id") <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document.getElementById</title> </head…
第一章 JavaScript语法 1.1 初识JavaScript 1.3 数据类型 1.4 string和boolean类型 1.5 算数操作符 第二章 JavaScript流程控制语句 2.1 循环语句 2.2 break和continue 2.3 分支语句 第三章 JavaScript函数 3.1 函数的定义和调用 3.2 函数的返回值 3.3 arguments 参数 3.4 求任意一组数的平均值 第四章 JavaScript内置对象 4.1 Array 数组 4.2 String 字符…
javascript 入门进阶 这里主要讲解一下在入门阶段很难注意的一些知识点,不一定有用.但是会了总比不会强. 1.HTML为<script>标签准备的6个属性: -async:可选.表示应该立刻下载脚本,但不应妨碍页面中的其他操作.(其他的下载可以等待) -charset:可选.表示通过src指定的代码的字符集. -defer:可选.表示脚本可以延迟到文档被解析和显示之后在执行.该版本值对外部JavaScript有效果 -src:可选.执行代码的外部文件. --type:可选.编写代码使用…
JavaScript入门-函数function(二) 递归函数 什么是递归函数? 递归简单理解就是,在函数体里,调用自己. //我们在求一个10的阶乘的时候,可能会这么做 //写一个循环 var total = 1 for(var i=10; i>=1; i++){ total *= i ; } 这样的for循环简单直接...大家都会写 但是,我们可以写一个函数,递归调用 //递归函数 function jiecheng( n ){ if ( 1===n) return 1 return n*j…
本篇内容是学习慕课网相关课程后,总结出可能未来会忘记的内容 (一)JavaScript入门操作 1.js代码插入位置,以及执行顺序 <head> <script type="text/javascript"> //写在head标签内 document.write("hello"); </script> </head> <body> <p id="p1">mrSun(会变蓝色)…
JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Literal 函数对象通过函数字面量来创建: var add = function(a, b){ return a + b;} 匿名函数Anonymous 没有函数名的函数. 调用Invocation 每个函数均有this .arguments参数 方法调用模式函数调用模式构造器调用模式apply调用模…