首页 > 编程语言 > 详细

2015/12/10--基础javascript实例

时间:2015-12-10 23:54:43      阅读:505      评论:0      收藏:0      [点我收藏+]

<html>

<head>

//head部分

<script type = "text/javascript">

function message(){

alert("该提示框通过onload()事件调用的");

}

</script>

</head>

<body onload = "message()">

<script type = "text/javascript">

//生成文本

document.write("Hello,World.");

//生成普通文本和标签

document.write("<h1>加油。</h1>");

document.write("该消息在页面加载时输出");

<script src="/js/example_externaljs.js">
</script>

<p>
实际的脚本位于名为 "xxx.js" 的外部脚本中。
</p>

/* javascript --语句,注释,代码块。*/

//javascript语句

<script type = "text/javascript">

document.write("<h1>这是标题!</h1>");

document.write("<p>这是一个段落</p>");

document.write("<p>Another paragraph</p>");

</script>

//javascript代码块

<script type = "text/javascript">

{

document.write("<h1>这是标题!</h1>");

document.write("<p>This is a paragraph!</p>");

}

//javascript单行注释

<script type = "text/javascript">

/*下面的代码输出标题2和段落1*/

//这段输出标题1

document.write("<h1>这是标题</h1>");

//这段代码输出标题2

document.write("<p>这是段落1.</p>");

//利用单行注释来防止执行

//document.write("<p>我需要做的更好!</p>");

//利用多行注释来防止执行

/*document.write("<p>This is another paragraph!</p>");*/

/*javascript变量*/

var firstName;

firstName = "peter";

document.write(firstName);

document.write("<br>");

firstName = "baidu";

document.write("firstName");

<p>上面的脚本声明了一个变量,赋值给变量,输出变量,改变变量值,输出变量。</p>

 

/* javascript--条件语句

   01 - if语句

   02 - if .. else语句

   03 - if..else if..else语句*/

var d = new Date();

var time = d.getHours();

if(time < 10){

document.write("<b>早安</b>")};

//if...else语句

var d = new Date();

var time1 = d1.getHours();

if(time < 10){

document.write("<b>早安!</b>");

}else{

document.write("祝你愉快!");

}

}

//if..else if..else语句

if(time < 10){

document.write("Good morning!");

}else if(time >= 10 && time <16){

document.write("下午好!");

}else{

document.write("<b>Hello World!</b>");

}

//随机链接

var r = Math.random();

if(r > 0.5){

document.write("<a href = "http://www.baidu.com">百度</a>");

}

else{

document.write("<a href = "http://weibo.com">微博</a>");

}

</script>

<p>本案例示范if语句</p>

<p>如果浏览器时间小于10,系统会问你早上好。</p>

<p>本案例示范if..else语句</p>

<p>如果浏览器时间小于10,系统会问你早上好。如果大于10,系统说祝你愉快。</p>

<p>本案例示范if..else if...if<p>

</body>

</html>

2015/12/10--基础javascript实例

原文:http://www.cnblogs.com/whatcanido/p/5037562.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!