您的位置：首页 > Web前端 > JavaScript

2015/12/11--javascript消息框

2015-12-11 22:56 686 查看
<html>

<head>

<script type = "text/javascript">

//警告框

function disp_alert(){

alert("我是警告框");

}

//带有折号的警号框

function disp_alert1(){

alert("再次向你问好，在这里我们向你演示+ /n + "如何向警告框折行"");

}

//确认框

function show_confirm(){

var r = confirm("press a button!");

if(r == true){

alert("you pressed ok!");

}else(r == false){

alert("you pressed cancel!");

}

}

function disp_prompt(){

var name = prompt("请输入你的名字","snoopy");

if(name != null && name != ""){

document.write("你好" + name + "今天过的怎么样？");

}

}

//javascript函数

function myfunction(){

alert("你好！");

}

//带有参数的函数

function myfunction1(){

alert(txt);

}

//带有参数的函数2

function myfunction2(){

alert(txt);

}

//带有返回值的参数

function myfunction3(){

return("您好，祝您愉快！");

}

//带有参数并有返回值的函数

function product(a,b){

return(a*b);

}

</script>

</head>

<body>

<input type = "button" onclick = "disp_alert()" value = "显示警告框">

<input type = "button" onclick = "show_confirm()" value = "show a confirm box">

<input type = "button" onclick = "disp_prompt()" value = "显示提示框">

<form>

<input type = "button" onclick = "myfunction()" value = "调用函数">

</form>

<p>通过点击这个按钮，可以调用一个函数，这个函数会提示一个消息。</p>

<form>

<input type = "button" onclick = "myfunction1("hello,dear!")" value = "调用函数">

<p>通过点击这个函数，可以调用一个代参数的函数，该函数会输出这个函数。</p>

</form>

<input type = "button" onclick = "myfunction2("good morning!")" value = "在早餐！">

<input type = "button" onclick = "myfunction2("good evening")" value = "在晚上！">

<script type = "text/javascript">

document.write(myfunction3());

</script>

<p>body部分中的脚本调用一个函数</p>

<p>该函数返回一段文本。</p>

<script type = "text/javascript">

document.write(product(6,5));

</script>

<p>body 部分中的脚本调用一个带有两个参数（6 和 5）的函数。</p>
<p>该函数会返回这两个参数的乘积。</p>

//javascript循环

<script type = "text/javascript">

for(var i = 0;i <= 5;i++){

document.write("number is" + i);

}

</script>

<h1>解释：</h1>

<p>for 循环的步进值从 i=0 开始。</p>

<p>只要 <b>i</b> 小于等于 5，循环就会继续运行。</p>

<p>循环每循环一次，<b>i</b> 就会累加 1。</p>

//循环产生html标题

for(var i = 1;i <= 6;i++){

document.write("<h>这是标题 + i</h>");

document.write(""<h" + i + ">"");

}

//while循环

<script type = "text/javascript">

var i = 0;

while(i <= 5){

document.write("数字是" + i);

document.write("<br>");

i++;

}

</script>

<h1>解释：</h1>

<p><b>i</b> 等于 0。</p>

<p>当 <b>i</b> 小于或等于 5 时，循环将继续运行。</p>

<p>循环每运行一次，<b>i</b> 会累加 1。</p>

//do ...while循环

<script>

do{

document.write("数字是" + i);

document.write("<br>");

i++;

}while{

i <= 5;

}

</script>

<h1>解释：</h1>

<p><b>i</b> 等于 0。</p>

<p>循环首先会运行。</p>

<p>每循环一次，<b>i</b> 就会累加 1。</p>

<p>当 <b>i</b> 小于或等于 5 时，循环会继续运行。</p>

//break语句

<script type = "text/javascript">

var i = 0;

for(var i = 0;i <= 10;i++){

if(i ==3){break}

document.write("Number is" + i);

document.write("<br/>");

}

</script>

<p>解释：循环会在 i = 3的时候中断</p>

//continue语句

<script type = "text/javascript">

var i = 0;

for(i = 0;i <= 10;){

if(i == 3){continue}

document.write("Number is " + i);

document.write("<br>");

i++;

}

</script>

<p>解释：当 i=3 时，会中断循环，并从下一个值开始继续循环。</p>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航