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

Ajax学习-JavaScript实例2

2017-11-08 912
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
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 ajax
学习JavaScript
JavaScript实例
JavaScript学习
ajax学习
技术小胖子
目录
相关文章
游客wdqrsgypqt72m
|
23天前
|
JavaScript
ES6学习（9）js中的new实现
ES6学习（9）js中的new实现
游客wdqrsgypqt72m
29 4
游客j4mujezz7vm7y
|
1天前
|
移动开发 前端开发 JavaScript
js之ajax |12-6
js之ajax |12-6
游客j4mujezz7vm7y
14 5
游客zi3qmblbcdexu
|
1月前
|
JSON 前端开发 JavaScript
13.JS学习篇-ES6 React 项目模板
【8月更文挑战第25天】
游客zi3qmblbcdexu
35 2
13.JS学习篇-ES6 React 项目模板
游客zi3qmblbcdexu
|
15天前
|
存储 JSON JavaScript
学习node.js十三，文件的上传于下载
学习node.js十三，文件的上传于下载
游客zi3qmblbcdexu
12 1
rbvb2ms5saimy
|
29天前
|
JavaScript 前端开发 iOS开发
学习强大的JavaScript一行代码，能够节省你的时间和代码量
这段内容介绍了25个实用的JavaScript一行代码技巧，涵盖复制内容到剪贴板、打乱数组、颜色值转换、计算平均值、检查数字奇偶性、数组去重、对象为空检测、字符串反转、日期计算、首字母大写、生成随机字符串、四舍五入、清除Cookie、检测暗黑模式等，帮助开发者提高效率并简化代码。
rbvb2ms5saimy
23 2
你都不懂
|
1月前
|
JavaScript 前端开发 小程序
基于js开发快速学习鸿蒙基础
【8月更文挑战第26天】
你都不懂
37 1
toddli
|
1月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题：事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题：事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
toddli
52 1
小周sir
|
1月前
|
存储 JavaScript 前端开发
学习JavaScript 内存机制
【8月更文挑战第23天】学习JavaScript 内存机制
小周sir
25 3
你都不懂
|
1月前
|
JSON JavaScript 前端开发
JS 和 ES6 补充学习
【8月更文挑战第21天】
你都不懂
33 4
阿福的工作室
|
1月前
|
JavaScript 前端开发
Javascript学习
Javascript学习
阿福的工作室
31 3