Javascript常见问题

倒计时

<Script Language="JavaScript">

　　var timedate= new Date("October 1,2002");

　　var times= "国庆节";

　　var now = new Date();

　　var date = timedate.getTime() - now.getTime();

　　var time = Math.floor(date / (1000 * 60 * 60 * 24));

　　if (time >= 0)

　　document.write( "现在离"+times+"还有: "+time +"天")

</Script>

页面文字大，中，小变化

<script type="text/javascript">

　　function doZoom(size)

　　{document.getElementById('zoom').style.fontSize=size+'px';}

</script>

<span id="zoom">需要指定大小的文字</span>

<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>

等比例缩放图片

<script type="text/javascript">

function AutoResizeImage(maxWidth, maxHeight, objImg) {

    var img = new Image();

    img.src = objImg.src;

    var hRatio;

    var wRatio;

    var Ratio = 1;

    var w = img.width;

    var h = img.height;

    wRatio = maxWidth / w;

    hRatio = maxHeight / h;

    if (maxWidth == 0 && maxHeight == 0) {

        Ratio = 1;

    } else if (maxWidth == 0) { //

        if (hRatio < 1)

            Ratio = hRatio;

    } else if (maxHeight == 0) {

        if (wRatio < 1)

            Ratio = wRatio;

    } else if (wRatio < 1 || hRatio < 1) {

        Ratio = (wRatio <= hRatio ? wRatio : hRatio);

    }

    if (Ratio < 1) {

        w = w * Ratio;

        h = h * Ratio;

    }

    objImg.height = h;

    objImg.width = w;

}

</script>

<img src="{$r[thumb]}"  width="153" height="124" onload="AutoResizeImage(153,124,this)"/>

页面倒计时跳转代码

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>页面跳转</title>

</head>

<body>

<script type="text/javascript">

var t=10;//设定跳转的时间

setInterval("refer()",1000); //启动1秒定时

function refer(){

    if(t==0){

        location="http://www.phpernote.com/jquery-effects/207.html"; //设定跳转的链接地址

    }

    document.getElementById('show').innerHTML=""+t+"秒后跳转到php程序员教程网"; //显示倒计时

    t--; //计数器递减

}

</script>

<span id="show"></span>

</body>

</html>

js判断是手机还是PC并跳转到指定url

<!--判断手机还是pc-->

<script language="javascript">

(function(){

    var res = GetRequest();

    var par = res['index'];

    if(par!='gfan'){

        var ua=navigator.userAgent.toLowerCase();

        var contains=function (a, b){

            if(a.indexOf(b)!=-1){return true;}

        };

//将下面的http://m.baidu.com改成你的wap手机版地址 如我的 http://m.teai.org

        var toMobileVertion = function(){

            window.location.href = 'http://liheng.cw1982.com/m/'

        }

        if(contains(ua,"ipad")||(contains(ua,"rv:1.2.3.4"))||(contains(ua,"0.0.0.0"))||(contains(ua,"8.0.552.237"))){return false}

        if((contains(ua,"android") && contains(ua,"mobile"))||(contains(ua,"android") && contains(ua,"mozilla")) ||(contains(ua,"android") && contains(ua,"opera"))

    ||contains(ua,"ucweb7")||contains(ua,"iphone")){toMobileVertion();}

    }

})();

function GetRequest() {

   var url = location.search; //获取url中"?"符后的字串

   var theRequest = new Object();

   if (url.indexOf("?") != -1) {

      var str = url.substr(1);

      strs = str.split("&");

      for(var i = 0; i < strs.length; i ++) {

         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);

      }

   }

   return theRequest;

}

</script>

js跳出后台框架

很多网页都是框架结构的，在很多的情况下会通过按钮点击事件或链接，跳出框架转到其它界面。例如说点击“注销登录”返回到登录界面。
   一、通过运行脚本跳出框架有以下几种写法：
   1.<script language = javascript>window.open('Login.aspx','_top')</script>"
   2.<script language = javascript>window.open('Login.aspx','_parent')</script>"
   3.<script language = javascript>window.parent.location.href='login.aspx'</script>
   4. Response.Write("<script>window.parent.opener=null;window.top.close();</script>")
    5. Response.Write("<script>window.open('index.aspx','');</script>")
   这种方法会先关闭原框架窗口，再重新打开一个新的窗口。这在很多功能界面对浏览器进行了改变设置，而回到登陆界面又用缺省设置的情况下适用。
   二、链接跳出框架：
   这种情况就很简单了，加上 target="_top" 属性就可以了，它会跳转到其他的页面。

jquery获取所有text表单值

$("input").each(function(){

    var value = $(this).val();  //这里的value就是每一个input的value值

});

下拉框跳转不同的网址

<html>

<head>

<script language="javascript">

function check(){

if(document.form1.a[0].selected==true)

document.form1.action="11111.htm"

else

document.form1.action="222222.htm"

}

</script>

</head>

<body>

<form name="form1" method="post" action="" onSubmit="check();">

<select name="a">

    <option>登录本网站</option>

    <option>登录其他网站</option>

</select>

<input name="" type="submit" value="提交">

</form>

</body>

</html>

返回页面顶部

<html>

<head>

<script type="text/javascript">

var currentPosition,timer;

function GoTop(){

timer=setInterval("runToTop()",1);

}

function runToTop(){

currentPosition=document.documentElement.scrollTop || document.body.scrollTop;

currentPosition-=10;

if(currentPosition>0)

{

window.scrollTo(0,currentPosition);

}

else

{

window.scrollTo(0,0);

clearInterval(timer);

}

}

</script>

<style type="text/css">

</style>

</head>

<body>

<div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">饭</div>

<div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">吃</div>

<div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">家</div>

<div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">回</div>

<div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">你</div>

<div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">带</div>

<div id="back-up" onclick="GoTop()" style="border:1px solid red;height:100px;width:15px;position:fixed;cursor:pointer;right:10px;bottom:30px;">返回顶部</div>

<script>

window.scrollTo(0,document.body.scrollHeight);

</script>

</body>

</html>

div头部浮动滚动

<!DOCTYPE html>

<html>

<head>

<title></title>

<style type="text/css">

html, body {

    width:100%;

    margin:0px auto;

    padding:0px auto;

}

.div1 {

    height:2000px;

}

.div2 {

    width:100%;

    height:35px;

    background-color:#3399FF;

    margin-top:500px;

}

.div2_1{

    width:100%;

    height:35px;

    background-color:#3399FF;

    _position:absolute; z-index:999; position:fixed;

    _bottom:auto;top:0px;

    _top:expression(eval(document.documentElement.scrollTop));

}

*html{

    background-image:url(about:blank);

    background-attachment:fixed;

}

</style>

<script type="text/javascript">

    window.onscroll=function(){

        var t=document.documentElement.scrollTop||document.body.scrollTop;

        var div2=document.getElementById("div2");

        if(t>= 500){

            div2.className = "div2_1";

        }else{

            div2.className = "div2";

        }

    }

</script>

</head>

<body>

<div class="div1">

    <div id="div2" class="div2"></div>

</div>

</body>

</html>

去除js相同元素

<script>

Array.prototype.del = function() {

var a = {}, c = [], l = this.length;

for (var i = 0; i < l; i++) {

var b = this[i];

var d = (typeof b) + b;

if (a[d] === undefined) {

c.push(b);

a[d] = 'aaaaaaaa';

}

}

return c;

}

alert([1, 1, 2, 3, 4, 5, 4, 3, 4, 4, 5, 5,5,5,,6,6,6,6,5,5,5,5,{},{},5,true,true,true,5,5,5,'a','c','a', 6, 7].del());

</script>

搜索框js代码

<script type="text/javascript">

$(document).ready(function(){

    var $b = $('#query_button'),$i = $('#Search input');

    $i.keyup(function(e){

        if(e.keyCode == 13){

            $b.click();

        }

    });

    $b.click(function(){

        if($('input[name="keyword"]').val()==""){

            alert("搜索关键词不能为空");

            return false;

        }else{

            var keyword = $('input[name="keyword"]').val();

            window.location.href='http://www.test.com/search/s?q='+encodeURI(keyword);

            return false;

        }

    });

});

</script>

Javascript常见问题的更多相关文章

javascript学习(二)javascript常见问题总结
在js使用过程中,经常会碰到一些问题,本人利用闲暇时间整理了一些常见问题的解决方法,贴出来和大家分享,有需要的朋友可以参考下 1.JS中方法和变量都是区分大小写的 2.单引号.双引号在JS中没有特殊 ...
JavaScript常见问题整合
一. 基本变化<SCRIPT LANGUAGE="javascript"> <!-- window.open ('page.html', 'newwindow', ...
javascript常见问题总结
1.const obj = {a:6}; obj.b=8; obj.a=9;//obj为{a:9,b:8};const定义对象的时候是可以改变内容的. const b = "hello&qu ...
从零开始学 Web 之移动Web（九）微金所案例
大家好,这里是「从零开始学 Web 系列教程」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅博客园:ht ...
javascript:void(0);用法及常见问题解析
void 操作符用法格式: javascript:void (expression) 下面的代码创建了一个超级链接,当用户以后不会发生任何事.当用户链接时,void(0) 计算为 0,但 Javasc ...
Javascript日常编码中的一些常见问题
一.尽量少用全局变量这是一个疑问最少,同时流传最广的一条.Javascript使用函数管理作用域,全局变量最大的问题在于同名变量冲突.这种隐患产生比较直接的两个原因就是Javascript语言 ...
ASP.NET—011:JavaScript报错常见问题
相信大家都写过JavaScript.JS由于语法以及自己须要实现的业务的原因,可能在一个页面上要写长篇大论.或者单独写js文件写了好几百K.JS不可否认给Web编程带了很多的方便. 可是假设JS发生了 ...
JavaScript中setInterval函数应用常见问题之一（第一个参数不加引号与加引号的区别）
学过JavaScript 脚本语言的都应该接触过setInterval 函数.如何使用我想大家都知道,但是有时候对于刚刚接触JavaScript的朋友来讲,还是会在使用的时候碰到这样或那样的问题而感到 ...
javascript:void(0)用法和常见问题
javascript:void(0)的用法下面的代码创建了一个超级链接,当用户以后不会发生任何事.当用户链接时,void(0) 计算为 0,但 Javascript 上没有任何效果. <a H ...

随机推荐

JSP介绍（4）--- JSP Cookie 处理
Cookie是存储在客户机的文本文件,它们保存了大量轨迹信息. JSP脚本通过request对象中的getCookies()方法来访问这些cookie,这个方法会返回一个Cookie对象的数组. 通常 ...
超牛猴子补丁，修改python内置的print
猴子补丁一般是用于修改三方包或官方包,也可以用来修改自己或者他人的代码. 但也可以用来修改python 语言内置的关键字. 本篇博客修改python最常用的内置print,使你使用print时候,自动 ...
Ajax效果--个人收藏
$.ajax({ url: "../../../Tools/WeChatMenu.ashx?action=get_menu", type: "post", da ...
Windchill 查询功能
一.使用SearchCondition 查询语句中用容器中的containerReference.key.id名称来代替数据库中的字段idA3containerReference /** * ...
robot framework结合Jenkins（一）
一.CI与Jenkins介绍: 1.持续集成(CI) 持续集成是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成.每次集成都通过自动化 ...
19E Fairy
Once upon a time there lived a good fairy A. One day a fine young man B came to her and asked to pre ...
JavaScript正则表达式应用---replace()
replace()方法使用一个替换值(replacement)替换掉一个匹配模式(pattern)在原字符串中某些或所有的匹配项,并返回替换后的字符串.这个替换模式可以是字符串或者RegExp(正则表 ...
IDEA如何启动debug?
选择remote,然后,修改host和port: host是我们访问backstop的ip,端口是监听端口8787,点击ok即可. 打断点,调试,即可.
7.23实习培训日志-JDBC
总结今天下午考试,JDBC,这个本身很简单,但是需要我们Dockerfile+Docker Compose运行,这个东西就很复杂.原来学习时没有怎么看,这一次就很懵,完全不知道怎么弄,反正环境都没有 ...
windows配置换行符
CR.LF.CR/LF为不同操作系统上使用的换行符: Windows/DOS系统:采用CR/LF表示下一行: Unix/Linux系统:采用LF表示下一行: Mac OS系统:采用CR表示下一行: M ...

Javascript常见问题

Javascript常见问题的更多相关文章

随机推荐

热门专题