第一章：JavaScript基础---（二）基础语法

最新推荐文章于 2024-07-21 18:27:57 发布

小林爱

最新推荐文章于 2024-07-21 18:27:57 发布

阅读量859

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/b275518834/article/details/8144391

版权

html5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

很渴望快速学习完成项目，不希望花费太多的时间来学习一门语言，虽然本文没有详细介绍特性但是以下

代码运行就足以理解JavaScript语法，观察以下代码，复制到文本中用浏览器打开。

JavaScript是大小写敏感的，这里我们快速的了解它的语法

作为入门练习可以每个代码自行敲打一遍。

1：break 语句

<Script> 
var i = 5;
while ( i > 0 ) {
    if ( i == 3 ) break;
    document.write("i = " ,i ,"<BR>");
    i--;
} 
</Script>

2：continue语句

<Script> 
var i = 5;
while ( i > 0 ) {
    i--; 
    if ( i == 3 ) continue; 
    document.write("i = " ,i ,"<BR>"); 
} 
</Script>

3：switch 语句

<br>格式：
<br>
<br>switch (<表达式>) {
<br>    case <数值1>:<语句组1>
<br>                 break;
<br>    case <数值2>:<语句组2>
<br>                 break;
<br>    ...
<br>    default <语句组> 
<br>} 
<br>
<br>
<br>
<Script> 
function greet(givenSex) {
 if(window.event.keyCode==13){  
       switch(givenSex) { 
              case "男" : alert("帅哥你好啊！");
                  break;
              case "女" : alert("美女你好啊！");
                  break;
               default:{
                  alert("你输入的性别类型有错误！");
                 }
              }
 
    }   
  
}
</Script> 

请输入性别 男  女  或其他 后按回车：
<INPUT TYPE="text" onKeydown="greet(this)">

4：数组变量

<Script> 
var fruit = new Array("苹果", "梨子", "橘子");
var i;

for (i=0; i < fruit.length; i++) {
    document.write("fruit [", i, "] = ", fruit[i], "<br>")
}

</Script>

5：二维数组

<Script> 
var fruit = new Array(3);
fruit[0] = new Array("苹果", 2);
fruit[1] = new Array("梨子", 4);
fruit[2] = new Array("橘子", 2);

for (i=0; i < fruit.length; i++) {
  for (j=0; j < fruit[0].length; j++) {
    document.write("fruit [", i, "][", j, "] = ", fruit[i][j],"<br>");
  }
  document.write("<br>");
}

</Script>

6：try..........catch.......语句

<a href="http://www.w3school.com.cn/js/js_try_catch.asp">
<li>点击查看链接</li>
</a>

<br>try
<br>{
<br>   //在此运行代码
<br>}
<br>catch(err)
<br>{
<br>   //在此处理错误
<br>}
<br>
<br>
<html>
<head>
<script type="text/javascript">
var txt=""
function message()
{
try
  {
   //调用未定义的方法
  adddlert("Welcome guest!")
  }
catch(err)
  {
  txt="有一个错误在这页.\n\n"
  txt+="单击确定继续查看此页,\n"
  txt+="或取消返回到主页.\n\n"

  if(!confirm(txt))
    {
    document.location.href="http://www.w3school.com.cn/"
    }
  }
}
</script>
</head>

<body>
<input type="button" value="View message" οnclick="message()" />
</body>

</html>

7：throw 语句

<a href="http://www.w3school.com.cn/js/js_try_catch.asp">
<li>点击查看链接</li>
</a>
<br>
<br>Throw 声明
<br>throw 声明的作用是创建 exception（异常）。你可以把这个声明与 try...catch 声明配合使<br>用，以达到控制程序流并产生精确错误消息的目的。
<br>语法：
<br>throw(exception)
<br>
<br>


<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"
} 
catch(er)
{
if(er=="Err1") 
alert("Error! The value is too high")
if(er == "Err2") 
alert("Error! The value is too low") 
}
</script>
</body>
</html>

8：oneError

<a href="http://www.w3school.com.cn/js/js_onerror.asp">
<li>点击阅读完整完整文档</li>

<html>
<head>
<script type="text/javascript">

/*实例
onerror 事件
如何使用 onerror 事件捕获网页中的错误。（chrome、opera、safari 浏览器不支持）
onerror 事件
我们刚讲过如何使用 try...catch 声明来捕获网页中的错误。现在，我们继续讲解如何使用 onerror 事件来达到相同的目的。
只要页面中出现脚本错误，就会产生 onerror 事件。
如果需要利用 onerror 事件，就必须创建一个处理错误的函数。你可以把这个函数叫作 onerror 事件处理器 (onerror event handler)。这个事件处理器使用三个参数来调用：msg（错误消息）、url（发生错误的页面的 url）、line（发生错误的代码行）。*/

οnerrοr=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" οnclick="message()" />
</body>

</html>

9：拆行

<br>换行
<br>您可以在文本字符串内部使用反斜杠对代码进行折行。下面的例子是正确的：
<br>document.write("Hello \
<br>World!")
<br>但是不能像这样折行：
<br>document.write \
<br>("Hello World!")
<br>
<br>
<br>
<br>
<br>

<Script>
  document.write("Hello \
  World!")

</Script>

10：转义字符

<Script>
var txt1="We are the so-called 'Vikings' from the north."
document.write(txt1)
var txt2="We are the so-called \"Vikings\" from the north."
document.write(txt2)
document.write ("You \& me are singing!") 
</Script>

<a href="http://www.w3school.com.cn/js/js_special_characters.asp">
<li>点击阅读转义字符文档</li>
</a>
<a href="http://www.189works.com/article-89990-1.html">
<li>点击查看HTML5中特殊符号</li>
</a>

小林爱

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第一章：JavaScript基础---（二）基础语法

很渴望快速学习完成项目，不希望花费太多的时间来学习一门语言，虽然本文没有详细介绍特性但是以下代码运行就足以理解JavaScript语法，观察以下代码，复制到文本中用浏览器打开。JavaScript是大小写敏感的，这里我们快速的了解它的语法作为入门练习可以每个代码自行敲打一遍。1：break 语句 var i = 5;while ( i > 0 ) {
复制链接

扫一扫

专栏目录