欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

首页

javascript

shiping1 的头像

click事件 触发 绑定 我自己亲自做的

星期二, 2014-06-10 10:25 — shiping1

方法一
var setStorageBtn = document.getElementById("set-storage");
setStorageBtn.addEventListener("click", setStorage, false);


方法二
 var btn1 = document.getElementById('btn1');
        btn1.onclick = function(){
            alert(3);
        };

普通分类: 
javascript
shiping1 的头像

addEventListener－第三个参数 useCapture

星期一, 2014-06-09 17:00 — shiping1

addEventListener－第三个参数 useCapture

普通分类: 
javascript
shiping1 的头像

javascript window.scroll（0,220000）这个语句什么意思

星期二, 2014-06-03 14:41 — shiping1
普通分类: 
javascript
shiping1 的头像

表单 form 按下回车键触发事件 操作

星期三, 2014-05-28 09:06 — shiping1
<form id="form1" name="form1" method="post" action="" onkeydown="if(event.keyCode==13)loging();">
普通分类: 
javascript
shiping1 的头像

html form中回车事件

星期三, 2014-05-28 09:01 — shiping1

普通分类: 
javascript
shiping1 的头像

jQuery 遍历json数组的实现代码 有大用 json长度

星期六, 2014-05-17 13:00 — shiping1

自己亲自做的例子
ajax 的  php 输出的json形式为 ["1","2","5"]

//下面的 输出的result为["1","2","5"]
 通过ajax的 js 可以得到json长度 //alert(result.length)
和 遍历  json 
for(var key in result ){
     $('#jumpUrl'+result [key]).attr('class','todayclicka');
     $('#foll'+result [key]).html(todayClick);
}




 

如下例子
$.ajax({
            type:"POST",
            url: "/ajax/findtodayclick.php",

普通分类: 
javascript
shiping1 的头像

js数学函数round，四舍五入函数

星期三, 2014-04-23 09:22 — shiping1

js中的round函数可以用来对数字进行四舍五入处理，它针对的是小数点后面的第一位数字进行计算。

普通分类: 
javascript
shiping1 的头像

js 判断是否为正整数 浮点数等

星期三, 2014-04-23 09:09 — shiping1

普通分类: 
javascript
shiping1 的头像

最近浏览历史 下面是最近浏览历史的js文件

星期六, 2014-04-12 10:16 — shiping1 
jQuery.cookie = function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }
        var expires = '';
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
            var date;

            if (typeof options.expires == 'number') {
                date = new Date();
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
普通分类: 
javascript
shiping1 的头像

JSON （JavaScript Object Notation）

星期五, 2014-04-04 17:34 — shiping1
JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。
普通分类: 
javascript
shiping1 的头像

json

星期五, 2014-04-04 16:51 — shiping1
//今天从数据库调取数据时，总是提示我转换为json数据格式错误，
//找了半天发现原来是特殊字符回车\n\r换行在作怪,json数据如下

{"qid":"4b01c875-edd5-442e-a8fe-eb13cfb57ea2","qtype":"选择题","qcontent":"下列数据结构中，属于非线性结构的是
 A)循环队列
 B)带链队列
 C)二叉树
 D)带链栈","answer":"A"}
 1/// <summary>
 2         /// 向前台输出json数据
 3         /// </summary>
 4         /// <param name="msg">定义好的json格式数据</param>
 5         private void showJson(string msg)
 6         {
 7             msg = msg.Replace("\n","\\n");//避免前台json数据格式转换错误
普通分类: 
javascript
shiping1 的头像

JavaScript Array（数组） array 对象 有大用

星期六, 2014-03-22 19:06 — shiping1

JavaScript Array（数组）对象

数组对象的作用是：使用单独的变量名来存储一系列的值。

普通分类: 
javascript
shiping1 的头像

js javascript form submit

星期四, 2014-03-13 14:40 — shiping1

HTML DOM submit() 方法

HTML DOM Form 对象

定义和用法

submit() 方法把表单数据提交到 Web 服务器。

语法

formObject.submit()

说明

该方法提交表单的方式与用户单击 Submit 按钮一样，但是表单的 onsubmit 事件句柄不会被调用。

普通分类: 
javascript
shiping1 的头像

js 设置 css样式

星期六, 2014-03-08 13:37 — shiping1
 tips = document.getElementById('miaov_float_layer_zx2');
 tips.style.position='absolute';
 tips.style.width='137px';
 tips.style.height='427px';
普通分类: 
javascript
shiping1 的头像

ie6 postion fixed使用js代码来实现

星期六, 2014-03-08 13:28 — shiping1
<script language="javascript">
var tips;
var theTop = 40;
var old = theTop;
function initFloatTips()
{
 tips = document.getElementById('ser_qq');
 moveTips();
}
function moveTips()
{
    var tt=50;
    if (window.innerHeight)
    {
     pos = window.pageYOffset
    }else if (document.documentElement && document.documentElement.scrollTop) {
    pos = document.documentElement.scrollTop
    }else if (document.body) {
      pos = document.body.scrollTop;
    }
普通分类: 
javascript
shiping1 的头像

js实现年月日三级下拉菜单联动

星期五, 2014-03-07 15:49 — shiping1

一：图片预览：

普通分类: 
javascript
shiping1 的头像

Javascript-setInterval setTimeout 判断是否取消 是否已清除

星期三, 2014-01-15 12:22 — shiping1

Javascript-setInterval定时触发与取消

setInterval 定时触发

用法：timerID = setInterval(codeStr, milliSeconds);

  • timerID 是 setInterval 的返回值，返回定时器的 ID，当然也可以不要返回值。
  • codeStr 是要执行的代码。
  • milliSeconds 是触发的间隔时间，单位为毫秒。

示例

setInterval("alert('您好！');", 2000); //每 2 秒钟弹出一个对话框。

第一个参数也可以是函数，比如：

setInterval(function () { alert("您好！"); }, 2000); //每 2 秒钟弹出一个对话框。function () 是个匿名函数。

clearInterval 取消定时器

用法：clearInterval(timerID);

普通分类: 
javascript
shiping1 的头像

settimeout cleartimeout

星期二, 2014-01-14 17:42 — shiping1
//循环执行
function loopTabulli(currI,size)
{
        
         $('.tabul li').eq(currI).addClass('highlight');
         $('.tabul li').eq(currI).siblings('li').removeClass('highlight');
         var currId = currI+1;
         $('#showcontent'+currId).css('display','block');
        $('#showcontent'+currId).siblings('.showcontent').css('display','none');
        
        
        currI =currI+1;
        if(currI>=size){
            currI = 0;
        }
普通分类: 
javascript
shiping1 的头像

滚动效果

星期二, 2014-01-14 16:31 — shiping1
//就业去向滚动    
$(document).ready(function(){
    
    if(document.getElementById('marquePic22')!=null)
    {
        var marquePic22=document.getElementById('marquePic22');
        var marquePic21=document.getElementById('marquePic21');
        var demo2=document.getElementById('demo2');
        var speed2=30;
        marquePic22.innerHTML=marquePic21.innerHTML;
        function Marquee2(){
         if(demo2.scrollTop>=marquePic21.scrollHeight){//demo向上滚动的距离,, 如果大于marquePic1的高度
             demo2.scrollTop=0;
普通分类: 
javascript
shiping1 的头像

javascript urlencode 推荐 encodeURIComponent

星期日, 2013-12-22 14:00 — shiping1

javascript urlencode 推荐 encodeURIComponent

乐其乐小站

网上查到的全都是escape，和需要的编码不是一回事，好不容易找到的结果 保存下来以备以后使用

js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent

1、   传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。                            

普通分类: 
javascript
shiping1 的头像

js iframe 调用父框架的方法

星期二, 2013-11-26 14:09 — shiping1
 execJs("parent.document.getElementById('popbaoming').style.display='none';");
   execJs("setTimeout('parent.showCs()',10);");


普通分类: 
javascript
shiping1 的头像

js 移除子元素

星期一, 2013-11-25 10:55 — shiping1
//下面是右下角的体验
function HiddleFlashContent(){
        var playerContent = document.getElementById('ePlayerContent');
        playerContent.parentNode.removeChild(playerContent);
    }
function outputTiYan()
{
    
    document.getElementById('tiYanTu').style.display='none';
普通分类: 
javascript
shiping1 的头像

js 设置属性

星期日, 2013-11-17 13:45 — shiping1
var url = aMatches[1];
        CJS.dprint("docwriteScript url = " + url);
        var se = document.createElement('script');
        //se.src = url;
        se.setAttribute('data-cjssrc', url);
        se.setAttribute('type', "text/cjs");
        //document.body.appendChild(se);
        mycurScript.parentNode.insertBefore(se,mycurScript);
        //document.body.insertBefore(se,mycurScript);



var _script=document.createElement('script');   
        _script.setAttribute('charset','gb2312');   
普通分类: 
javascript
shiping1 的头像

重写alert方法

星期日, 2013-11-17 12:11 — shiping1
这样做就可以了。不过一般不推荐直接修改原生的方法
window.alert = function(){
     //重写代码
}
普通分类: 
javascript
shiping1 的头像

关于JavaScript代码的运行时暂停(:中断:阻塞) 的一些想法

星期六, 2013-11-16 17:33 — shiping1

关于JavaScript代码的运行时暂停(:中断:阻塞) 的一些想法

普通分类: 
javascript
shiping1 的头像

js tab 设置className 设置类名

星期四, 2013-11-14 10:48 — shiping1
// JavaScript Document
function hd(num){
    
        for(var id = 0;id<=4;id++)
        {
            if(id==num)
            {
                document.getElementById("tab_show"+id).style.display="block";
                document.getElementById("tab"+id).className="hover";
            }
            else
            {
                document.getElementById("tab_show"+id).style.display="none";
                document.getElementById("tab"+id).className="normal";
            }
        }
    }
    
普通分类: 
javascript
shiping1 的头像

标签云 特效

星期三, 2013-11-13 08:43 — shiping1

9个优秀的标签云免费生成工具

2013/03/23 | 分类： 工具与资源 | 1 条评论 | 标签： 工具, 标签云

普通分类: 
javascript
shiping1 的头像

js 特效搜关键字

星期三, 2013-11-13 08:41 — shiping1
1) 焦点图
2) 标签云
普通分类: 
javascript
shiping1 的头像

DOM js插入与追加新结点 删除子节点

星期日, 2013-11-10 16:12 — shiping1

js：appendChild、insertBefore和insertAfter

普通分类: 
javascript
shiping1 的头像

js 在哪个元素之前插入哪个元素 在某元素之前插入某元素

星期日, 2013-11-10 15:03 — shiping1
<script type="text/javascript">
var cjsscript = document.createElement('script');
cjsscript.src = "/control.js";
var cjssib = document.getElementsByTagName('script')[0];
cjssib.parentNode.insertBefore(cjsscript, cjssib);
</script>
普通分类: 
javascript

页面

Subscribe to RSS - javascript
Powered by Drupal

友情链接

校园好文网

 www.shipingzhong.cn  个人技术网_前端_后台    备案号:苏ICP备18010659号-2