JavaScript/CSS/DOM基础 第0课 - 内容概述 第1课 - JavaScript背景知识 第2课 - JavaScript基础 第3课 - CSS基础 第4课 - CSS进阶 第5课 - DOM模型 JavaScript开发进阶 第6课 - JavaScript事件 第7课 - 表格与表单 第8课 - Javascript调试与优化 第9课 - Ajax jQuery应用 第10课 - jQuery基础 第11课 - jQuery控制页面 第...
代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style><!-- .errorInfo{ color:red; padding-left:5px; } --></style><style bogus="1"> .errorInfo{ color:red; padding-left:5px; }</style> <script type="text/javascript"><!-- $(function(){ $("#DataReport").click(function(){ //上传文件不能为空，格式必须为xsl和xlsx var flag=true;...
这么说吧 , 只有扎实的 JavaScript 功底 ,才能得心应手的使用各种 JS 库 , 然后进入正题吧 ! 1.先谈谈JQuery的效率方面吧 他在选择器的速度上比 标准的 JS Dom 要慢上4倍左右(官方说的,不是我瞎编的...) , 那为什么我们还要使用它呢 ?? 原因很简单, 第一 JS 是应用客户端的 , 速度影响并不那么明显 , 但是一定要注意什么时候用JQuery的选择器 , 什么时候用JavaScript的选择器 ! 我个人是这样理解的 , 如果在选择对象时 , 逻辑比较容...
简化后的插件： SimplePlugin.htm： 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>简化后的插件</title> <script type="text/ecmascript" src="../js/jquery-1.2.6.js"></script> <script type="text/ecmascript" src="../js/jquery.SimplePlugin.js"></script> <script t...
// 版本: 1.0 // 日期: 2007/08/01 // 备注: 需要jQuery库 // 参考: Dodo(tableRowCheckboxToggle) 和 softcomplex(tigra_tables) function Kin_Tables( Kin_Table_GetTableMethod, //得到Table的方法 同$()功能 必选参数 Kin_Table_Header_Offset, //从前起忽略多少行 可选参数 Kin_Table_Footer_Offset, //从后起忽略多少行 可选参数 Kin_Tabl...
jQuery.post( url, [data], [callback], [type] ) ：使用POST方式来进行异步请求 参数： url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示。 callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。 type (String) : (可选)官方的说明是：Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等) 这是...
通过我们伟大的 CSS，可以实现非常漂亮的进度条样式。加上 Javascript 的效果，就可以完全“欺骗”我们的用户，让他们有耐心等待浏览器处理完成。上述的原理已经知道了，那么就可以直接看代码了。本人使用的还是 jQuery 框架，因为这样简短的代码可能会更容易理解。 当然这个控件还有很多需要完成的地方，我仅仅是提供了一种遵循 Web 标准的实现思路。废话不多说.Javascript Progress Bar Demo - jb51.net #progress {background...
JavaScript 引入JavaScript内部标签，写在里面外部引入js文件 <script src="js/javascript.js"> </script>基本语法严格检查模式：idea须设置为支持ES6语法，在JavaScript第一行加上use strict，预防JavaScript的随意性导致产生的一些随意性。局部变量建议都使用let去定义数据类型定义变量：变量类型（通用var/ let） 变量名 = 变量值数值：js不区分小数和整数NaN===NaN为false，NaN 属性是代表非数字值的特殊值，与所有的数值都不相...
1、javascript的Dom对象动态事件绑定注意以下2点，如：document.getElementById（"id名称"）.addListenerEvent("事件名称"，function(){代码},false)，动态绑定事件，事件名称不加on，如：click，mouseover等。 （1）如果<script>绑定代码</script>写在<body>html代码</body>前面，则必须先使用加载页面语句window.onload=function(){}，把绑定事件代码写里面。 （2）如果 <script>绑定代码</script>写在<body>html代码</body>后面...
工作中遇到的功能点，觉得以后可以复用，就打算备一下咯 格式要求（例）：On Friday, July 14, 2017 我的思路是用js就可以实现了，具体代码如下：<!DOCTYPE html> <html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><!-- The above 3 meta tags *must* come first in the head; any other head content mu...
1.js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test");var parent = test.parentNode; // 父节点var chils = test.childNodes; // 全部子节点var first = test.firstChild; // 第一个子节点var last = test.lastChile; // 最后一个子节点 var previous = test.previousSibling; // 上一个兄弟节点var next = test.nextSibling; // 下一个兄弟节点 2.jq链式语法优点和加载函数 节约JS代码;所返回的都...
一、本质上的区别 1.JavaScript 是通过<script></script>标签插入到HTML页面，可由所有的现代浏览器执行的一种轻量级的编程语言。 2.JQuery是一个JavaScript函数库。或者说是JavaScript中最流行的一种框架。 使用JQuery首先要在 HTML 代码最前面加上对 jQuery 库的引用，比如：<script src="js/jquery.min.js"></script>库文件既可以放在本地，也可以直接使用知名公司的 CDN，好处是这些大公司的 CDN 比较流行，用户访问你网站之前...
js写多了以后，有时候会迷，获取元素的值的时候经常会搞混,为了用的时候不迷，简单记录下来。 获取input的value值//Jquery: var value = $("#inputId").val();//Javascript： var value = document.getElementById("inputId").value; 获取display的属性值//Jquery:var dis = $("#inputId").css("display");//Javascript：var dis = document.getElementById("inputId").style.display; 持续更新
前言 这是我在多年前初学jquery, 并结合javascript, 编写的一个小游戏.那洋洋洒洒几千行的js代码时刻提醒着我"不忘初心!". 效果演示代码引入文件 由于用到了jquery, 所以需要引入js文件 <script src="../js/jquery-3.2.1.js" type="text/javascript"></script> <script src="../js/jquery.color.js" type="text/javascript"></script>关键代码 这个游戏最关键的点是如何通过键盘按键让小蛇动起来, 之后画背景图, 障碍物, 改变颜色,...
javascript ：选取元素，操作元素，操作CSS，事件侦听和处理 var element = document.getElementById("id"); var elements = document.getElementByClassName("classname"); var elements = document.getElementByTag("tag");var elements = document.querySelectorAll("p");jquery: 重新封装了javascript,语法上更简捷，但是也是用来在HTML中 选取元素，操作元素，操作CSS，事件侦听和处理基础语法： $(selector).act...