- 博客(10)
- 收藏
- 关注
原创 用jquery的ajax方法实现三级联动
(function(){var p = $('#province');//得到省份的select对象var c = $('#city');//得到城市的select对象var t = $('#town');//得到地区的select对象$.ajax({//使用$.ajax()访问服务器type:"get",//get类型访问url:"ajax\/gys",//地址a
2017-10-31 20:02:43 2728
原创 10-24用js和jQuery向表格添加内容
一、js方法var tb = document.querySelector('#tb tbody');//获取tbodyvar inputs = document.querySelectorAll('input');//input包括学号,姓名和年龄var btn = document.querySelector('button');//添加按钮btn.addEventList
2017-10-24 20:22:36 2155
原创 10-23正则表达式规则
/* * 使用正则表达式的方式 * 1. var regExp = new RegExp('\d'); * 2. var regExp = /\d/; */一、基本类型:// \d表示0-9的数字类型// \D表示除了0-9以外的非空类型var str3='hello world';var str4='hello world123';console.l
2017-10-23 20:27:21 5035
原创 10-19move函数完全整合,一次改变多个样式,回调函数
一、先导入封装好的获取对象非行内样式的函数:function getCss(obj,val){//封装兼容性获取CSS样式属性,obj为获取的对象,val为要获取的样式名if(obj.currentStyle){return obj.currentStyle[val];}else{return getComputedStyle(obj,true)[val];}}//函数
2017-10-19 19:07:04 254
原创 10-18关于改变对象的移动、淡入淡出、变大变小等功能函数整合
一、整合:function getCss(obj,val){//封装兼容性获取CSS样式属性,obj为获取的对象,val为要获取的样式名if(getComputedStyle(obj,true)[val]){return getComputedStyle(obj,true)[val];}else{return obj.currentStyle[val];}}//解决
2017-10-18 19:52:01 267
原创 10-17盒子缓冲运动,显示盒子淡入淡出,offset、style.xx、的区别,页面窗口滚动
一、缓冲运动:window.onload=function(){var div = document.getElementsByTagName('div')[0];//盒子var btn = document.getElementById('btn');//点击按钮让盒子移动var timer=null;function move(dest){//缓冲运动移到dest位置
2017-10-17 20:00:05 1056
原创 10-16盒子的移动与停止、表格的排序
一、表格中内容的排序:window.onload=function(){var ohead = document.getElementById('tb').tHead;//获取表头var tBd= document.getElementById('tb').tBodies[0];//获取表格的bodyvar tRows= tBd.rows;//获取body的行数var tY
2017-10-16 20:25:52 275
原创 10-12无缝滚动、DOM、
一、无缝滚动jswindow.onload=function(){var box = document.getElementById("box");var uls = box.getElementsByTagName("ul")[0];var lis = uls.getElementsByTagName("li");var imgs = uls.getElementsByT
2017-10-12 19:07:36 181
原创 10-10 arguments存储实参、解决js获取CSS属性值兼容性、object对象、for语句遍历对象内容、数组中的方法
一、 arguments用法:例:function css(a,b,c){//调用方法使用的实参a.style[b]=c;}用arguments实现:function css(){arguments[0].style[argument[1]] = arguments[2];}优点:省略编写函数中的形参,用arguments数组存储调用方法时的实参。二
2017-10-10 19:42:38 257
原创 10-9前端学习内容复习(选项卡、三目运算符、与或运算符)
一、用javascript实现选项卡功能:window.onload= function(){函数内容}HTML是从上往下加载内容的,所以写js时要先用window.onload预加载页面元素,js功能才得以实现。js里数组写法:arr=[1,2,3,4,5];var arr = new Array();实现选项卡功能切换可以先把对应要显示的内容
2017-10-09 18:43:38 429
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人