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使用的一些实用技巧的更多相关文章

  1. js基础进阶--编码实用技巧(二)

    我的个人博客:http://www.xiaolongwu.cn 接上篇文章 js编码的实用技巧(一) 5.合理利用||运算符 使用||可以作为参数之外的默认值,当第一个参数返回值为false时,那么第 ...

  2. js基础进阶--编的实用技巧(一)

    我的个人博客:http://www.xiaolongwu.cn 在平时的开发中,编码技巧很重要,会让你少写很多代码,起到事倍功半的效果. 下面总结几种简单的技巧,大家共同学习一下 1. 利用+.-./ ...

  3. 【JavaScript实用技巧(二)】Js操作DOM(由问题引发的文章改版,新人大佬都可)

    [JavaScript实用技巧(二)]Js操作DOM(由问题引发的文章改版,新人大佬都可!) 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人 ...

  4. JavaScript函数作用域与对象以及实用技巧

    1. JS作用域 1.1 全局作用域和局部作用域 函数外面声明的就是 全局作用域 函数内是局部作用域 全局变量可以直接在函数内修改和使用 变量,使用var是声明,没有var是使用变量. 如果在函数内使 ...

  5. JavaScript 实用技巧和写法建议

    1.前言 从大学到现在,接触前端已经有几年了,感想方面,就是对于程序员而言,想要提高自己的技术水平和编写易于阅读和维护的代码,我觉得不能每天都是平庸的写代码,更要去推敲,去摸索和优化代码,总结当中的技 ...

  6. js作用域对象与运用技巧

    1. JS作用域 1.1 全局作用域和局部作用域 函数外面声明的就是 全局作用域 函数内是局部作用域 全局变量可以直接在函数内修改和使用 变量,使用var是声明,没有var是使用变量. 如果在函数内使 ...

  7. 初学者学习JavaScript的实用技巧!

    Javascript是一种高级编程语言,通过解释执行.它是一门动态类型,面向对象(基于原型)的直译语言.它已经由欧洲电脑制造商协会通过ECMAScript实现语言标准化,它被世界上的绝大多数网站所使用 ...

  8. 总结vue知识体系之实用技巧

    vue 作为目前前端三大框架之一,对于前端开发者可以说是必备技能.那么怎么系统地学习和掌握 vue 呢?为此,我做了简单的知识体系体系总结,不足之处请各位大佬多多包涵和指正,如果喜欢的可以点个小赞!本 ...

  9. Notepad++ 实用技巧

    Notepad++是一款开源的文本编辑器,功能强大.很适合用于编辑.注释代码.它支持绝大部分主流的编程语言. 本文主要列举了本人在实际使用中遇到的一些技巧. 快捷键 自定义快捷键 首先,需要知道的是: ...

随机推荐

  1. 标准库random

    pseudo-random number generators for various distributions. Almost all module functions depend on the ...

  2. db2 reorg(转)

    DB2 reorg RUNSTATS: db2 connect to rmdb11 user rmadmin using rmadmin 对所有用户表执行runstats(reorgchk加updat ...

  3. Unable to cast object of type 'System.Int32' to type 'System.Array'.

    x 入职了新公司.最近比较忙...一看博客...更新频率明显少了...罪过罪过... 新公司用ASP.NET MVC 遇上一个错误: Unable to cast object of type 'Sy ...

  4. ASP.NET异步

    1.ASP.NET线程模型 在WEB程序中,天生就是多线程的,我们知道,一个WEB服务可以同时服务器多个用户,我们可以想象一下,WEB程序应该运行于多线程环境中,对于运行WEB程序的线程,我们可以称之 ...

  5. 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 ...

  6. js return false\e.preventDefault() 以及session

    @{ ViewBag.Title = "Test"; } <h2>Test</h2> 区别的介绍 <br/> 我们在平时的编码中javascri ...

  7. 批处理DOS基础命令

    批处理(Batch),也称为批处理脚本.顾名思义,批处理就是对某对象进行批量的处理.批处理文件的扩展名为bat. 批处理文件,或称为批处理程序,是由一条条的DOS命令组成的普通文本文件,可以用记事本直 ...

  8. scala-模式匹配

    option模式匹配: var map1=Map("abc"->5,"eee"->6) var x=map1.get("abc" ...

  9. 20165336 预备作业3 Linux安装及学习

    Linux 安装及学习 一.VirtualBox和Ubuntu的安装 依照老师所给的步骤下载了VirtualBox 5.2.6和Ubuntu 16.04.3. 按照步骤一步一步进行了安装,出现的问题有 ...

  10. Java 用HTTP的方式发送JSON报文请求

    前言: 项目调用第三方接口时,通常是用socket或者http的通讯方式发送请求:http 为短连接,客户端发送请求都需要服务器端回送响应,请求结束后,主动释放链接.Socket为长连接:通常情况下S ...