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++是一款开源的文本编辑器,功能强大.很适合用于编辑.注释代码.它支持绝大部分主流的编程语言. 本文主要列举了本人在实际使用中遇到的一些技巧. 快捷键 自定义快捷键 首先,需要知道的是: ...
随机推荐
- 标准库random
pseudo-random number generators for various distributions. Almost all module functions depend on the ...
- db2 reorg(转)
DB2 reorg RUNSTATS: db2 connect to rmdb11 user rmadmin using rmadmin 对所有用户表执行runstats(reorgchk加updat ...
- Unable to cast object of type 'System.Int32' to type 'System.Array'.
x 入职了新公司.最近比较忙...一看博客...更新频率明显少了...罪过罪过... 新公司用ASP.NET MVC 遇上一个错误: Unable to cast object of type 'Sy ...
- ASP.NET异步
1.ASP.NET线程模型 在WEB程序中,天生就是多线程的,我们知道,一个WEB服务可以同时服务器多个用户,我们可以想象一下,WEB程序应该运行于多线程环境中,对于运行WEB程序的线程,我们可以称之 ...
- Laravel 5.2 INSTALL- node's npm and ruby's bundler.
https://getcomposer.org/doc/00-intro.md Introduction# Composer is a tool for dependency management i ...
- js return false\e.preventDefault() 以及session
@{ ViewBag.Title = "Test"; } <h2>Test</h2> 区别的介绍 <br/> 我们在平时的编码中javascri ...
- 批处理DOS基础命令
批处理(Batch),也称为批处理脚本.顾名思义,批处理就是对某对象进行批量的处理.批处理文件的扩展名为bat. 批处理文件,或称为批处理程序,是由一条条的DOS命令组成的普通文本文件,可以用记事本直 ...
- scala-模式匹配
option模式匹配: var map1=Map("abc"->5,"eee"->6) var x=map1.get("abc" ...
- 20165336 预备作业3 Linux安装及学习
Linux 安装及学习 一.VirtualBox和Ubuntu的安装 依照老师所给的步骤下载了VirtualBox 5.2.6和Ubuntu 16.04.3. 按照步骤一步一步进行了安装,出现的问题有 ...
- Java 用HTTP的方式发送JSON报文请求
前言: 项目调用第三方接口时,通常是用socket或者http的通讯方式发送请求:http 为短连接,客户端发送请求都需要服务器端回送响应,请求结束后,主动释放链接.Socket为长连接:通常情况下S ...