首页 / JAVA / Javascript_常见问题（1）

Javascript_常见问题（1）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript_常见问题（1），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含8067字，纯文字阅读大概需要12分钟。

内容图文

1）发生该情况是因为百度地图本身的js冲突引起的，当删除引入地图的js时发现可以选取，火狐浏览器任何时候都不存在问题，谷歌内核的浏览器出现该问题，解决方法：引入的是百度地图v1.0的出现该问题，将版本改为2.0的话，可以正常选取，所有如果想文字可以选取的话直接用百度地图2.0，可以用百度1.0的生成，然后引入js的时候直接把1.0改为2.0即可解决问题，2.0的话需要加上key。

2）页面信息滚动：

            <
            marquee 
            direction
            =up 
            height
            =146 
            onmouseout
            =start() 
            onmouseover
            =stop() 
            scrollAmount
            =2
            >
            
滚动信息

            </
            marquee
            >

3）倒计时：

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

4）设为首页：

<a href=#>设为首页</a>
<a href="javascript:window.external.AddFavorite(‘http://www.test.com/lanren/‘,‘test‘)">收藏本站
</a>

5）页面文字大，中，小变化：

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

6）等比例缩放图片：

<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;
    } elseif (maxWidth == 0) { //
if (hRatio < 1)
            Ratio = hRatio;
    } elseif (maxHeight == 0) {
        if (wRatio < 1)
            Ratio = wRatio;
    } elseif (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)"/>

View Code

7）a标签点击隐藏域传值:

<a href=‘javascript:void(0)‘ onclick=‘document.form1.submit();‘></a>

<form action="app/index.php/Admin/Index/index" name="form1" method="post">
<input type=hidden name="user_name"  value="<?php echo $_SESSION[‘user_name‘]?>" /> 
<input name="user_id"  type=hidden  value="<?php echo $_SESSION[‘user_id‘]?>" /> 
</form>

8)页面倒计时跳转代码：

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

View Code

9）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){returntrue;}
        };
//将下面的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"))){returnfalse}
        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>

View Code

10）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>")
        Response.Write("<script>window.open(‘index.aspx‘,‘‘);</script>")
   这种方法会先关闭原框架窗口，再重新打开一个新的窗口。这在很多功能界面对浏览器进行了改变设置，而回到登陆界面又用缺省设置的情况下适用。
   二、链接跳出框架：
   这种情况就很简单了，加上 target="_top" 属性就可以了。
   它会跳转到其他的页面。

11）jquery获取所有text表单值：

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

12）下拉框跳转不同的网址：

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

View Code

13）返回页面顶部：

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

View Code

14）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>

View Code

15）去除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>

View Code

原文：http://www.cnblogs.com/gimin/p/4572825.html

内容总结

以上是互联网集市为您收集整理的Javascript_常见问题（1）全部内容，希望文章能够帮你解决Javascript_常见问题（1）所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1272842.html

来源：【匿名】

【上一篇】Java 单例【下一篇】JAVA/JSP学习系列之五

更多 ►

【Javascript_常见问题（1）】教程文章相关的互联网学习教程文章

[JavaScript]jquery中各事件执行顺序

1.ajaxStart(全局事件)2.beforeSend3.ajaxSend(全局事件)4.success5.ajaxSuccess(全局事件)6.error7.ajaxError (全局事件)8.complete9.ajaxComplete(全局事件)10.ajaxStop(全局事件)原文：http://www.cnblogs.com/shocker/p/5659634.html

Javascript_常见问题（1）【代码】【图】

JavaScript的六大数据类型

js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Undefined,Null）,和一种复杂数据类型（Object）。typeof 操作符由于js中的变量是松散类型的，所以它提供了一种检测当前变量的数据类型的方法，也就是typeof关键字.typeof 123　　 //Numbertypeof ‘abc‘　　//Stringtypeof true //Booleantypeof undefined //Undefinedtypeof null //Objecttypeof { } //Objecttypeo...

JavaScript拖拽【代码】

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>JS拖拽</title> <style> *{padding: 0; margin: 0; } .box{width: 100px;height: 100px;background: blue;position: absolute; } </style> <script src="jquery.min.js"></script> <script> var isDown = false; var ObjLeft, ObjTop, posX, posY, obj,offse...

JavaScript下的setTimeout(fn,0)意味着什么？【代码】【图】

原文:JavaScript下的setTimeout(fn,0)意味着什么？近期在研究异步编程的我对于setTimeout之类的东西异常敏感。在SegmentFault上看到了一个问题《关于SetTimeout时间设为0时》：提问者读了一篇文章，原文解释setTimeout延迟时间为0时会发生的事情，提问者提出了几个文章中的几个疑点。读了那篇文章之后发现原文的作者对于setTimeout的理解和自己的认知有点出入，于是编写了相关测试的代码以求答案。最终编写了这篇文章。本文内容如...

JavaScript清空数组的三种方法

[文章系摘自网络，看到有用记录在博客，同时共享给大家]原链接：http://www.2cto.com/kf/201409/335383.html方式1，splice var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 Array[0]，空数组，即被清空了方式2，length赋值为0这种方式很有意思，其它语言如Java，其数组的length是只读的，不能被赋值。如1int[] ary = {1,2,3,4}; ary.length = 0;Java中会报错，编译通不过。而JS中则可以，且将数组清空...

一行神奇的javascript代码【代码】【图】

一行神奇的JS代码，是在一个博客园里面看到的，当时我就震惊了，这不就是传说中的ZB神奇么… … 哈哈（果断转载过来）。写本篇文章的缘由是之前群里@墨尘发了一段js代码，如下：(!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]然后让大家运行，出来的结果让人有点出乎意料，请看：&lt;img class="alignnone" src="/upload/getfiles/default/2022/11/8/20221108042120136.jpg" /&gt;&lt;img class...

JavaScript(JS) Math.tan( x )

Math对象为数学常量和函数提供属性和方法。与其他全局对象不同，Math不是构造函数。Math的所有属性和方法都是静态的，可以通过将Math作为对象来调用，而无需创建它。本文主要介绍JavaScript(JS) Math.tan( x ) 方法。原文地址：JavaScript(JS) Math.tan( x ) 原文：https://www.cnblogs.com/levizhong/p/15310883.html

JavaScript实现轮播图【代码】【图】

1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"> 5<title>carousel</title> 6<style type="text/css"> 7 *{margin: 0;padding: 0;text-decoration: none;} 8 body{padding: 20px;} 9 #container{width: 384px;height: 216px;border: 3px solid #333;overflow: hidden;position: relative;} 10 #list{width: 2688px;height: 216px;position: absolute;z-index: 1;} 11 #list img{float...

JavaScript备忘录-原型【代码】【图】

function Person() { this.name = "fs";}Person.prototype.sayHello = function () { return "hello,fs"; }; var p1 = new Person(); p1.sayHello(); p1.sayHello()首先通过p1._proto_向上查找Person.prototype，如图所示：在Person的prototype中找到了sayHello()；如果，美玉偶找到将会继续通过Person.prototype._proto_去Object中查找。没有就抛去异常。原文：http://www.cnblogs.com/fengchengjushi/p/4439620.html

javascript 引用类型

1 Object 类型var person = new Object() ; person.name = "summer"; 和 var person = {name:‘summer‘};是等价的。2 Array 类型（1）var colors = new Array(); 和 var colors = Array();和var colors = []; 是等价的。（2）数组中的length 属性不仅是只读的，即通过设置这个属性，可以从数组的末尾移除项或添加新项。实例1：var colors = [‘red‘ , ‘blue‘ , ‘green‘];colors.length = 2;alert(colors[2]); //undefined实...

javaScript使用正则表达式-1【代码】

javaScript中使用正则表达式(脚本形式)修饰符修饰符描述i执行对大小写不敏感的匹配。(大小写都匹配)g执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。m执行多行匹配。相关方法 test() 用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。exec()用于检索字符串中的正则表达式的匹配。简单匹配var str = 'www.baidu.com'; var reg = /baidu/; print(reg.test(str));//true va...

javascript中的function命名空間與模擬getter、setter【代码】

function的命名空間在javascript中，function也可以擁有自己的命名空間例如以下這段程式碼：12345678function () {return'I am A';}A.hello = 'hello!';console.log(A());console.log(A.hello);我們可以在console得到以下內容：12I am Ahello!可以發現即使A被宣告成一個function，它依然可以像object一樣被assign其中的其他attribute，而直接呼叫A本身也還是它原來function的功能getter、setter在javascript中，this會是呼叫它的對...

JavaScript基础知识----六道有趣的Js基础题以及解答【代码】

题目：1.找出数字数组中最大的元素（使用Math.max函数）2.转化一个数字数组为function数组（每个function都弹出相应的数字）3.给object数组进行排序（排序条件是每个元素对象的属性个数）4.利用JavaScript打印出Fibonacci数（不使用全局变量）5.实现如下语法的功能：var a = (5).plus(3).minus(6); //26.实现如下语法的功能：var a = add(2)(3)(4); //9解答：1.var a = [10,1,2,3,4,8,9]; function max(a){var len = a.length-1;va...

es5语法下，javascript如何判断函数是new还是()调用

es5语法没有支持类class，但是可以通关函数来申明一个类，如下：function Person(name){　　this.name=name;}var john=new Person(‘john‘)；console.log(john.name);//john但是这个类可以直接像函数执行那样调用：Person()判断是不是被new还是()调用得这样修改上面这个类：function Person(name){　　this.name=name;　　if(this instanceof Person){ 　　　　alert(‘new调用‘); 　　}else{ 　　　　alert(‘函数调用...

JAVA - 技术教程分类

Java 教程 Java 简介 Java 开发环境配置 Java 基础语法 Java 对象和类 Java 基本数据类型 Java 变量类型 Java 修饰符 Java 运算符 Java 循环结构 Java 条件语句 Java switch case Java Number & Math 类 Java Character 类 Java String 类 Java StringBuffer Java 数组 Java 日期时间 Java 方法 Java Stream、File、IO Java Scanner 类 Java 异常处理 Java 继承 Java Override/Overload Java 多态 Java 抽象类 Java 封装 Java 接口 Java 枚举 Java 包(package) Java 数据结构 Java 集合框架 Java ArrayList Java LinkedList Java HashSet Java HashMap Java Iterator Java Object Java 泛型 Java 序列化 Java 网络编程 Java 多线程编程 Java Applet 基础 Java 文档注释 Java 实例 Java 8 新特性 Java MySQL 连接 Java 9 新特性 Java 测验 java 全部

JAVA - 最热教程

Java在运行项目时候，点击右键的弹框，...nacos配置中心超时问题：java.net.Conn...Java的设计模式（7）— 生产者-消费者模...基于DOM4j和POI实现的XML文件转换为XLS...如何在Java中创建一些变量类型别名使用java8的Stream统计字符串数组中每一...idea插件篇之java内存分析工具(JProfil...cannot cast 'java.lang.Integer' to '...java – Bootstrap.properties中Spring...Java8利用stream流实现数字排序和中文排...

首页 / JAVA / Javascript_常见问题（1）

Javascript_常见问题（1）

内容导读

内容图文

内容总结

内容备注

内容手机端

【Javascript_常见问题（1）】教程文章相关的互联网学习教程文章

JAVA - 技术教程分类

JAVA - 最新教程

JAVA - 最热教程