AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Ajax学习-JavaScript实例2

2017-11-08 922
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
26，continue声明。
<html>
<body>
<script type="text/javascript">
var i=0
for (i=0;i<=10;i++)
{
if (i==3){continue}
document.write("The number is " + i)
document.write("<br />")
}
</script>
<p>Explanation: The loop will break the current loop and continue with the next value when i=3.</p>
</body>
</html>
27，For....In声明。
<html>
<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
</body>
</html>
28，try...catch声明。
<html>
<head>
<script type="text/javascript">
var txt=""
function message()
{
try
   {
   adddlert("Welcome guest!")
   }
catch(err)
   {
   txt="There was an error on this page.\n\n"
   txt+="Error description: " + err.description + "\n\n"
   txt+="Click OK to continue.\n\n"
   alert(txt)
   }
}
</script>
</head>
<body>
<input type="button" value="View message" />
</body>
</html>
29，带有确认框的try...catch声明。
<html>
<head>
<script type="text/javascript">
var txt=""
function message()
{
try
   {
   adddlert("Welcome guest!")
   }
catch(err)
   {
     txt="There was an error on this page.\n\n"
     txt+="Click OK to continue viewing this page,\n"
     txt+="or Cancel to return to the home page.\n\n"
     if(!confirm(txt))
         {
         document.location.href=" http://www.w3schools.com/"
         }
   }
}
</script>
</head>
<body>
<input type="button" value="View message" />
</body>
</html>
30，throw声明。
<html>
<body>
<script type="text/javascript">
var x=prompt("Enter a number between 0 and 10:","")
try
{ 
if(x>10) 
  throw "Err1" 
else if(x<0)
  throw "Err2"
else if(isNaN(x))
  throw "Err3"
} 
catch(er)
{
if(er=="Err1") 
  alert("Error! The value is too high")
if(er == "Err2") 
  alert("Error! The value is too low") 
if(er == "Err3") 
  alert("Error! The value is not a number") 
}
</script>
</body>
</html>
31，onerror事件。
<html>
<head>
<script type="text/javascript">
onerror=handleErr
var txt=""
function handleErr(msg,url,l)
{
txt="There was an error on this page.\n\n"
txt+="Error: " + msg + "\n"
txt+="URL: " + url + "\n"
txt+="Line: " + l + "\n\n"
txt+="Click OK to continue.\n\n"
alert(txt)
return true
}
function message()
{
adddlert("Welcome guest!")
}
</script>
</head>
<body>
<input type="button" value="View message" />
</body>
</html>
32，检测浏览器及版本。
<html>
<body>
<script type="text/javascript">
var browser=navigator.appName
var b_version=navigator.appVersion
var version=parseFloat(b_version)
document.write("Browser name: "+ browser)
document.write("<br />")
document.write("Browser version: "+ version)
</script>
</body>
</html>
33，检测浏览器更多信息。
<html>
<body>
<script type="text/javascript">
document.write("<p>Browser: ")
document.write(navigator.appName + "</p>")
document.write("<p>Browserversion: ")
document.write(navigator.appVersion + "</p>")
document.write("<p>Code: ")
document.write(navigator.appCodeName + "</p>")
document.write("<p>Platform: ")
document.write(navigator.platform + "</p>")
document.write("<p>Cookies enabled: ")
document.write(navigator.cookieEnabled + "</p>")
document.write("<p>Browser's user agent header: ")
document.write(navigator.userAgent + "</p>")
</script>
</body>
</html>
34，检测浏览器的全部信息。
<html>
<body>
<script type="text/javascript">
var x = navigator
document.write("CodeName=" + x.appCodeName)
document.write("<br />")
document.write("MinorVersion=" + x.appMinorVersion)
document.write("<br />")
document.write("Name=" + x.appName)
document.write("<br />")
document.write("Version=" + x.appVersion)
document.write("<br />")
document.write("CookieEnabled=" + x.cookieEnabled)
document.write("<br />")
document.write("CPUClass=" + x.cpuClass)
document.write("<br />")
document.write("OnLine=" + x.onLine)
document.write("<br />")
document.write("Platform=" + x.platform)
document.write("<br />")
document.write("UA=" + x.userAgent)
document.write("<br />")
document.write("BrowserLanguage=" + x.browserLanguage)
document.write("<br />")
document.write("SystemLanguage=" + x.systemLanguage)
document.write("<br />")
document.write("UserLanguage=" + x.userLanguage)
</script>
</body>
</html>
35，根据浏览器类型提醒用户。
<html>
<head>
<script type="text/javascript">
function detectBrowser()
{
var browser=navigator.appName
var b_version=navigator.appVersion
var version=parseFloat(b_version)
if ((browser=="Netscape"||browser=="Microsoft Internet Explorer") && (version>=4))
  {alert("Your browser is good enough!")}
else
  {alert("It's time to upgrade your browser!")}
}
</script>
</head>
<body onload="detectBrowser()">
</body>
</html>



 本文转自 王祖康 51CTO博客，原文链接：http://blog.51cto.com/wzk89/391045 ，如需转载请自行联系原作者
文章标签：
JavaScript
前端开发
机器学习/深度学习
关键词：
JavaScript学习
学习JavaScript
JavaScript ajax
JavaScript实例
ajax学习
技术小胖子
目录
相关文章
路边两盏灯
|
1月前
|
JavaScript 前端开发
【Azure Developer】在使用Azure Bot Service JavaScript的实例代码遇见Cannot find module 'node:crypto'
Error: Cannot find module 'node:crypto'
路边两盏灯
55 6
【Azure Developer】在使用Azure Bot Service JavaScript的实例代码遇见Cannot find module 'node:crypto'
sunrr
|
1月前
|
Web App开发 JavaScript 前端开发
如何学习JavaScript？
如何学习JavaScript？
sunrr
46 5
雨溪-yuxi
|
1月前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理，包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等，适合前端学习者参考。作者是一位热爱前端技术的大一学生，专注于分享实用的编程技巧。
雨溪-yuxi
27 2
雨溪-yuxi
|
1月前
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识，包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性，以及JavaScript中的变量类型（`var`、`let`、`const`）和数据类型（基本数据类型与引用数据类型）。通过实例代码详细解释了JavaScript的核心概念，适合初学者入门学习。
雨溪-yuxi
52 1
小白学大数据
|
1月前
|
数据采集 前端开发 JavaScript
虎扑APP数据采集：JavaScript与AJAX的结合使用
虎扑APP数据采集：JavaScript与AJAX的结合使用
小白学大数据
46 1
神明木佑
|
2月前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
神明木佑
31 2
神明木佑
|
2月前
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
神明木佑
45 1
神明木佑
|
2月前
|
JavaScript 前端开发 容器
js之dom学习
js之dom学习
神明木佑
48 0
技术小胖子
|
前端开发 JavaScript
Ajax学习-Javascript实例1
技术小胖子
856 0
技术小胖子
|
JavaScript 前端开发 定位技术
Ajax学习-JavaScript实例3
技术小胖子
1162 0