js使用的一些实用技巧
1、jquery中页面定时调用ajax方法
function SetContinueSend(param1,param2, func){
func.call(null,param1,param2)
}
function add(param1,param2){
var ssssss = document.getElementById("testTime");
ssssss.innerHTML = param1+":"+param2;
}
setInterval("SetContinueSend(new Date().getMinutes(),new Date().getSeconds(), add)",5000);
2、绑定回车事件
$("#addSourceSubmitId").keydown(function (event) {
if (event.keyCode == "13") {
addSourceMonitor(0);
// $(this).parent().parent().hide();
}
});
3、处理后台返回对象
var str = {"ss":"xxx","dd":"yyy"};
var obj = eval("(" + str + ")");
alert(obj.ss);
4、jquery和dom对象的转换
var obj = document.getElementById("kid").value;
var $obj = $("#kid").val(); $obj = $(obj);
obj = $obj[0];
obj = $obj.get(0);
<scs>
function init(){
alert("aaa");
}
function init(obj){
alert("bbb" + "---" + arguments[2]);
}
init(1,2,3,4);
$("div").children("a").hide.prev("span").click(function(){
$(this).nextAll().show().parent().siblings().find("a").hide();
});
prev() 获得相邻的前一个元素 (children后面会获得一组元素)
nextAll() 相当于 A后面的 ~ B(all标签)
siblings() 获取下面的全部兄弟元素,相当于 A ~ B(all标签)
7、html5中jQuery规定的属性写法
<input id="kid" data-options="" data-cnblogs-contact="" />
$("#kid").data("cnblogsContact");获取属性的值
8、跑马灯
$(function(){
var newDiv = $("<div></div>").appendTo($("body"));
newDiv.prop("id","divId");
newDiv.html("<a href=''>未满18岁慎进</a>"); newDiv.css({
"border":"1px solid #999",
"width":"100px",
"height":"100px",
"text-align":"center",// 水平居中
"line-height":"100px",// 垂直居中
"position":"relative"// 相对定位可以让元素改变在页面中的位置(left,top)
});
(document.)setInterval(changPosition(),10); var i = 0;
var hFlag = 1;
var wFlag = 1; fucntion changPosition(){
// offset(100,100);能设置div的位置 offset().top获得了位置x坐标
$("divId").offset(function(){
var h = $(this).offset().top;
var w = $(this).offset().left;
if(( h + $(this).height() + 10 >= $(window).height() && hFlag == 1 ) || ( w <= 0 && hFlag == -1 )){
hFlag *= -1;
}
if(( w + $(this).width() + 10 >= $(window).width() && wFlag == 1 )) || ( w <= 0 && wFlag == -1 )){
wFlag *= -1;
}
return {
top:$(this).offset().left + wFlag * 3,
left:$(this).offset().top + hFlag * 3
}
});
}
})
9、css和js中设置属性的不同
//js
span.css({
"border":"1px solid #999",
"width":"100px",
"height":"100px",
"text-align":"center",
"line-height":"100px",
"position":"relative"});
}); /*css*/
span{
border:1px solid #999;
width:100px;
height:100px;
text-align:center;
line-height:100px;
position:relative;
}
10、阻止href发送超链接请求:<a href="javascript:void(0)"></a>
11、ajax(w3c/xml/xmlDom/xmlHttpRequest)
function sendAjax(){
//1、引擎
var xmlHttp = new XMLHttpRequest();
//2、回调
xmlHttp .onreadystatechange = function(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
alert(xmlHttp.responseText);
}
}
}
//3、连接
xmlHttp.open("post",url);
//设置请求头
xmlHttp.setRequestHeader("content-type","application/www...");//来自<form enctype="">
//4、发送
xmlHttp.send("key=value&key2...");
}
12、
js使用的一些实用技巧的更多相关文章
- js基础进阶--编码实用技巧(二)
我的个人博客:http://www.xiaolongwu.cn 接上篇文章 js编码的实用技巧(一) 5.合理利用||运算符 使用||可以作为参数之外的默认值,当第一个参数返回值为false时,那么第 ...
- js基础进阶--编的实用技巧(一)
我的个人博客:http://www.xiaolongwu.cn 在平时的开发中,编码技巧很重要,会让你少写很多代码,起到事倍功半的效果. 下面总结几种简单的技巧,大家共同学习一下 1. 利用+.-./ ...
- 【JavaScript实用技巧(二)】Js操作DOM(由问题引发的文章改版,新人大佬都可)
[JavaScript实用技巧(二)]Js操作DOM(由问题引发的文章改版,新人大佬都可!) 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人 ...
- JavaScript函数作用域与对象以及实用技巧
1. JS作用域 1.1 全局作用域和局部作用域 函数外面声明的就是 全局作用域 函数内是局部作用域 全局变量可以直接在函数内修改和使用 变量,使用var是声明,没有var是使用变量. 如果在函数内使 ...
- JavaScript 实用技巧和写法建议
1.前言 从大学到现在,接触前端已经有几年了,感想方面,就是对于程序员而言,想要提高自己的技术水平和编写易于阅读和维护的代码,我觉得不能每天都是平庸的写代码,更要去推敲,去摸索和优化代码,总结当中的技 ...
- js作用域对象与运用技巧
1. JS作用域 1.1 全局作用域和局部作用域 函数外面声明的就是 全局作用域 函数内是局部作用域 全局变量可以直接在函数内修改和使用 变量,使用var是声明,没有var是使用变量. 如果在函数内使 ...
- 初学者学习JavaScript的实用技巧!
Javascript是一种高级编程语言,通过解释执行.它是一门动态类型,面向对象(基于原型)的直译语言.它已经由欧洲电脑制造商协会通过ECMAScript实现语言标准化,它被世界上的绝大多数网站所使用 ...
- 总结vue知识体系之实用技巧
vue 作为目前前端三大框架之一,对于前端开发者可以说是必备技能.那么怎么系统地学习和掌握 vue 呢?为此,我做了简单的知识体系体系总结,不足之处请各位大佬多多包涵和指正,如果喜欢的可以点个小赞!本 ...
- Notepad++ 实用技巧
Notepad++是一款开源的文本编辑器,功能强大.很适合用于编辑.注释代码.它支持绝大部分主流的编程语言. 本文主要列举了本人在实际使用中遇到的一些技巧. 快捷键 自定义快捷键 首先,需要知道的是: ...
随机推荐
- tsm 存放磁带到带库
1 磁带从带库中取放操作 1.1 checkout 磁带 查询checkout命令参数remove默认为yes 1.单盘磁带举例 #查看存储池 tsm>q stgpool f=d ts ...
- db lock
1.锁的基本概念和功能 所谓锁(Lock),实际上是加在数据库.表空间.表.行或者数据页上的一种标记,用户在对各种数据库对象进行读取或者写入操作时首先要看该对象上的锁是否允许其进行相应操作.从允许用户 ...
- 洛谷P1162 填涂颜色【bfs】
题目链接:https://www.luogu.org/problemnew/show/P1162 题意: 有一个0和1组成的矩阵,一些1组成一个闭合圈,圈住一些0,现在要把被圈住的这些0变成2输出. ...
- Echarts 的Formatter的回调函数
option = { tooltip: { trigger: 'axis', formatter: function (params,ticket,callback) { let res = para ...
- MongoDB win10 安装教程(zip)
1.创建文件夹,如下: D:\Program File\mongodb D:\Program File\mongodb\data D:\Program File\mongodb\data\db D:\ ...
- 【插头dp】 hdu4285 找bug
打模板的经验: 1.变量名取一样,换行也一样,不要宏定义 2.大小写,少写,大括号 #include<algorithm> #include<iostream> #includ ...
- ASP.NET MVC 计划任务(不使用外接程序,.net内部机制实现)
在asp.net中要不使用其他插件的情况下只能使用定时器来检查, 并执行任务. 以下讲解步骤: 1. 在Global.asax 文件中作如下修改 1 2 3 4 5 6 7 8 9 10 11 voi ...
- centos7上安装nagios及增加监控服务器
参考博客 http://blog.csdn.net/firstar521/article/details/52848393 当配置了linux.cfg和Windows.cfg文件,重启nagios后发 ...
- MonkeyRunner_手机触摸屏幕坐标获取
坐标单位为像素,获取方式包括手机自带.画图软件和photoshop软件. 方式一.android4.0以上系统手机自带坐标功能,在设置->开发者选项->显示指针位置 方式二.画图或phot ...
- 使用脚本与orm模型交互对数据库操作
场景:如不想启动服务在框架中查看数据库数据,同时使用ORM框架对数据库操作带来的好处 import os import sys #将脚本所在的工程添加到环境变量 sys.path.append('.. ...