技能-前台
文章平均质量分 81
a_worm
因为有梦,枯燥变得生动!
展开
-
JS-基础
>1:JS为什么值得我们学习。1. 所有主流浏览器都支持JavaScript。2. 目前,全世界大部分网页都使用JavaScript。3. 它可以让网页呈现各种动态效果。4. 做为一个Web开发师,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。>2:在Html文件中js的位置:在window.onload时,文件中所有内容加载完原创 2015-08-31 19:01:52 · 616 阅读 · 0 评论 -
Ajax-Js实现
虽然现在较多使用jQuery实现的Ajax,但js实现的ajax我们仍然需要了解;XMLHttpRequest:XMLHttpRequest 最早是在IE5中以ActiveX组件的形式实现的。非 W3C 标准.利用XMLHttpRequest 实例与服务器进行通信包含以下3个关键部分:onreadystatechange 事件处理函数open 方法open(method, ur原创 2015-09-21 11:51:53 · 400 阅读 · 0 评论 -
Ajax-概述
什么是Ajax?不用刷新整个页面便可与服务器通讯的办法:框架:如果使用一组框架构造了一个网页,可以只更新其中一个框架,而不必惊动整个页面MLHttpRequest:该对象是对 JavaScript 的一个扩展,可使网页与服务器进行通信。是创建 Ajax 应用的最佳选择。实际上通常把 Ajax 当成 XMLHttpRequest 对象的代名词 Ajax工具包?Ajax并不是一原创 2015-09-21 11:44:30 · 518 阅读 · 0 评论 -
jQuery-动画
jQuery动画1:jQuery 中的动画: 隐藏和显示 hide(): 在 HTML 文档中, 为一个元素调用 hide() 方法会将该元素的 display 样式改为 none. 代码功能同 css(“display”, “none”); show(): 将元素的 display 样式改为先前的显示状态. 以上两个方法在不带任何参数的情况下, 作用是立即隐藏或显示匹配的元素, 不会有任原创 2015-09-13 20:26:02 · 453 阅读 · 0 评论 -
jQuery-案例:试验品牌展示
//案例:试验品牌展示 *{ margin:0; padding:0;} body {font-size:12px;text-align:center;} a { color:#04D; text-decoration:none;} a:hover { color:#F50; text-decoration:underline;} .SubCat原创 2015-09-13 20:29:47 · 730 阅读 · 0 评论 -
jQuery-jQuery中的事件
jQuery中的事件必要的文字描述:1:加载dom 在页面加载完毕后, 浏览器会通过 JavaScript 为 DOM 元素添加事件. 在常规的 JavaScript 代码中, 通常使用 window.onload 方法, 在 jQuery 中使用$(document).ready() 方法. $(document).ready(function(){});缩写$(function()原创 2015-09-13 20:22:43 · 469 阅读 · 0 评论 -
jQuery-案例常用功能
/*案例:实现需求: 两个文本框中,如果有输入 则显示输入值,没有值或者去除前后空格后仍未"".则设置为默认值 */ Insert title here $(function() { //添加获取焦点 focus,失去焦点 blur相应函数 $(":text").focus(function() { //当获取原创 2015-09-13 20:27:47 · 556 阅读 · 0 评论 -
jQuery-选择器
选择器是jQuery最基础的东西,也非常重要,现总结 以供参考:1:基础介绍jQuery对象:jQuery 对象就是通过 jQuery($()) 包装 DOM 对象后产生的对象jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#persontab”).html();jQuery 对象无法使用 D原创 2015-09-05 17:42:16 · 562 阅读 · 0 评论 -
JS-案例-插入节点
需求:在一个节点后插入一个新节点;代码实现:Insert title here //js只提供insertBefore,现在自己写函数事项insertAfter window.onload = function() { alert(1); var cityNode = document.getElementById("city"); var xjNode =原创 2015-09-03 12:11:45 · 493 阅读 · 0 评论 -
JS-案例-增加和删除节点
需求: /* * 为 #employeetable 的所有的 a 节点添加 Onclick 响应函数: * 1. 弹出确认对话框: 确定要删除 xx 的信息吗? xx 为当前 a 节点所在的 td 所在的 tr 的 * 第一个 td 子节点的文本值, 且要去除前后空格. * 2. 若点击 "确认" , 则删除 a 节点的所在的 行 * * 注意: * 1. a 节点原创 2015-09-03 12:00:27 · 2235 阅读 · 0 评论 -
JS 案例-添加节点
需求: 点击 submit 按钮时, 检查是否选择 type, 若没有选择给出提示: "请选择类型"; 检查文本框中是否有输入(可以去除前后空格), 若没有输入,则给出提示: "请输入内容"; 若检查都通过, 则在相应的 ul 节点中添加对应的 li 节点 代码实现:Insert title here window.onload = function()原创 2015-09-02 21:05:29 · 526 阅读 · 0 评论 -
JS-进阶-JS DOM常用的节点操作
本章节主要介绍JS DOM 一些常用的节点操作1:创建节点: 创建元素节点:var liNode = document.createElement("li"); 创建属性节点:现需要创建一个元素节点,在通过.的方式为其属性赋值 var aNode = document.createElement("a"); aNode.href = "deleteEmp?id=xxx";原创 2015-09-02 20:53:34 · 515 阅读 · 0 评论 -
jQuery-使用jQuery进行Dom操作
使用jQuery进行Dom操作;1:节点操作操作文本节点:通过jQuery对象的text()方法;alert($("#bj").text());$("#bj").text("test");操作属性节点:通过jQuery对象的attr()方法;alert($(":text[name='username']").attr("value"));$(":text[name=原创 2015-09-09 12:25:15 · 973 阅读 · 0 评论 -
JS-案例-Checkbox全选
//需求: 若 #checkedAll_2 被选中, 则 name=items 的 checkbox 都被选中//若 #checkedAll_2 取消选中, 则 name=items 的 checkbox 都取消选中//若 name=items 的 checkbox 都被选中, 则 #checkedAll_2 的 checkbox 也被选中//若 name=items 的 checkb原创 2015-09-03 12:48:34 · 473 阅读 · 0 评论 -
JS-案例-Select级联选择
需求:当选择了第一个select以后 第二个select中出现和第一个select相关的内容;第一个选择省,选定后 第二个select出现相关市;实现代码:Insert title here window.onload = function() { //为 #province 添加 onchange 响应函数 document.getElementByI原创 2015-09-03 12:37:31 · 661 阅读 · 0 评论 -
JS-案例-节点交换
需求: 为所有的 li 节点添加 onclick 响应函数 , 实现 city 子节点和 game 子节点对应位置的元素的互换;实现代码:Insert title here window.onload = function() { var liNodes = document.getElementsByTagName("li"); for(var i=0;i<liN原创 2015-09-03 11:43:27 · 1340 阅读 · 0 评论 -
Ajax-jQuery实现
在现网开发中我们更多是使用jQuery来实现Ajax技术jQuery 对 Ajax 操作进行了封装, 在 jQuery 中最底层的方法时 $.ajax(), 第二层是 load(), $.get() 和 $.post(), 第三层是 $.getScript() 和 $.getJSON()load():load() 方法是 jQuery 中最为简单和常用的 Ajax 方法, 能载入远程的原创 2015-09-21 12:11:48 · 542 阅读 · 1 评论