-
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>认识语句</title>
<script type="text/javascript">
alert("hello!");
document.write("Hello");
document.write("<br>world");
document.write("<br>I");
document.write(" love");
document.write(" JavaScript");
</script>
</head>
<body>
</body>
</html>
查看全部 -
每一句JavaScript代码格式:
语句;例子中的
alert("hello!");就是一个JavaScript语句。一行的结束就被认定为语句的结束，通常在结尾加上一个分号
";"来表示语句的结束。注意:
“;”分号要在英文状态下输入，同样，JS中的代码和符号都要在英文状态下输入。
查看全部 -
输出的内容如果想在下一段显示，可以在显示内容前加入代码<br>
查看全部 -
JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。
放在<head>部分
最常用的方式是在页面中head部分放置<script>元素，浏览器解析head部分就会执行这个代码，然后才解析页面的其余部分。
放在<body>部分
JavaScript代码在网页读取到该语句的时候就会执行。查看全部 -
弹窗显示代码：alert("JS代码");
查看全部 -
可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js，然后将JS代码直接写在JS文件中。
注意:在JS文件中，不需要<script>标签,直接编写JavaScript代码就可以了。
我们需在HTML中添加如下代码，就可将JS文件嵌入HTML文件中。
<script src="script.js"></script>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>热身</title>
</head>
<body>
<p id="p1">我是java小白</p>
<p id="p2">真诚希望得到大家的指点和帮助</p>
<script type="text/javascript">
document.write("<font color='green'>最后希望自己能够熟练掌握java!</font>");
alert("友情提示：每天坚持学习");
document.getElementById("p1").style.color="blue";
document.getElementById("p2").style.color="red";
</script>
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb18030">
<title>插入js代码</title>
<script language="javascript">
document.write("<font color='blue'>开启JS之旅!</font>");
</script>
</head>
<body>
</body>
</html>
查看全部 -
<script language="javascript">相当于<script type="text/javascript">的效果
在写入的内容两端加入<font color='blue'>和</font >可以改变写入内容的颜色
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>热身</title>
</head>
<body>
<p id="p1">我是java小白</p>
<p id="p2">真诚希望得到大家的指点和帮助</p>
<script type="text/javascript">
document.write("最后希望自己能够熟练掌握java");
document.getElementById("p1").style.color="blue";
document.getElementById("p2").style.color="red";
</script>
</body>
</html>
查看全部 -
document 文档
write 写入
document.write 文档写入
element 元素
getElementById 通过id获取元素
getElementById，从名字上直译：通过ID获取元素，ID就是p1。
获取了啥元素？把它的style的color元素拿出来，拿出来干嘛？让他等于“blue”。
查看全部 -
mychar.style.display="block" //记得加双引号
查看全部 -
因为getElementById()获取的是一个object对象，而不是一个单纯的string，你需要输出其中的数据将document.write()中的mychar改为mychar.innerHTML
查看全部 -
confirm(str) 自带函数，返回Boolean值
查看全部 -
<input type="button" value="点击我" onclick="contxt()" />
查看全部
举报