有关js控制浏览器跳转页面的方式总结

JavaScript011

有关js控制浏览器跳转页面的方式总结,第1张

平常页面跳转可以使用在html中写a标签及跳转地址实现

这种方式的好处在于直观、方便，但是缺点在于页面会出现刷新的情况，可以使用禁用浏览器的默认事件来防止。

也可以使用js控制页面跳转

在html中 为某个标签添加点击事件

在js中 可以使用如下方法来跳转页面

<script>

function isMobile() {

if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)))

return true

else

return false

}

var urlMobile='http://www.163.com'//手机跳转的页面

if(isMobile() !== false)

window.location.href=urlMobile

</script>

<script language="JavaScript">

    function mobile_device_detect(url) {

        var thisOS = navigator.platform

        var os = new Array("iPhone", "iPod", "iPad", "android", "Nokia", "SymbianOS", "Symbian", "Windows Phone", "Phone", "Linux armv71", "MAUI", "UNTRUSTED/1.0", "Windows CE", "BlackBerry", "IEMobile")

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

            if (thisOS.match(os[i])) {

                window.location = url

            }

        }

        //因为相当部分的手机系统不知道信息,这里是做临时性特殊辨认

        if (navigator.platform.indexOf('iPad') != -1) {

            window.location = url

        }

        //做这一部分是因为Android手机的内核也是Linux

        //但是navigator.platform显示信息不尽相同情况繁多,因此从浏览器下手，即用navigator.appVersion信息做判断

        var check = navigator.appVersion

        if (check.match(/linux/i)) {

            //X11是UC浏览器的平台 ，如果有其他特殊浏览器也可以附加上条件

            if (check.match(/mobile/i) || check.match(/X11/i)) {

                window.location = url

            }

        }

        //类in_array函数

        Array.prototype.in_array = function(e) {

            for (i = 0 i < this.length i++) {

                if (this[i] == e) return true

            }

            return false

        }

    }

    mobile_device_detect("需要跳转的手机网址")

</script>