使用 window.alert() 弹出警告框。
!!!!!使用 document.write() 方法将内容写到 HTML 文档中。(document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。)
以下是我自己编的验证程序:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<h1 id="demo"> 我的第一个网页</h1>
<body>
<p>看看究竟会不会消失呢</p>
<button onclick="Text()">click</button>
<script>
function Text()
{
document.write("12345");
}
</script>
<button onclick="Function()"> lalala</button>
<script>
function Function()
{
window.alert("1+5");
}
</script>
</body>
</html>
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
document.write(Date());
}
</script>
//不要忘加()
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
//按f12 将显示控制台结果 console(控制台)
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML="段落已修改。";
</script>
//这个是来修改段落的。
//函数function 中的f是小写字母!!!
以下代码是定义结构体、数组、以及for循环输出的例子,虽然简单,也十分好理解,但是很容易输错,有很多小细节应该注意。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<script>
var i;
var body=
{
height:100,
high:164,
study:100
};
var house=
{
hers : "small",
his:"small too",
mine:"very big"
};
var class3 = new Array();
class3[0]="1";
class3[1]="2";
class3[2]="3";
for(i=0;i<3;i++)
document.write(class3[i] + "<br>");
document.write(house.hers + "<br>");
document.write(body.study + "<br>");
</script>
</body>
</html>
分界线-----------------------------------------------------------------------------------------------------------------------
parseFloat() 解析一个字符串并返回一个浮点数。
parseInt() 解析一个字符串并返回一个整数。
var iNum1 = parseInt("12345red"); //返回 12345
var iNum1 = parseInt("0xA"); //返回 10
var iNum1 = parseInt("56.9"); //返回 56
var iNum1 = parseInt("red"); //返回 NaN
var fNum1 = parseFloat("12345red"); //返回 12345
var fNum2 = parseFloat("0xA"); //返回 NaN
var fNum3 = parseFloat("11.2"); //返回 11.2
var fNum4 = parseFloat("11.22.33"); //返回 11.22
var fNum5 = parseFloat("0102"); //返回 102
var fNum1 = parseFloat("red"); //返回 NaN
获取文本框的内容有以下两种方法:
首先假设文本框如下:
<input type="text" value="" id="textId">
用js获取文本框的值:
document.getElementById("textId").value
//textId为文本框的id
以下代码是在CSDN上看到的,理解每一句有助于初学者更好地理解。
侵删
<pre name="code" class="html"><span style="font-size:18px;"><!DOCTYPE HTML>
<html>
<head lang="en">//语言为英语
<meta charset="UTF-8">//遵循国际什么什么准则
<title>根据三角形的三条边长(长、中、短三条边),来判断三角形类型</title>
<script>
function aa() {
var a = document.form1.num1.value;
var b = document.form1.num2.value;
var c = document.form1.num3.value;
a = parseInt(a);
b = parseInt(b);
c = parseInt(c);
if (a + b > c && b + c > a && a + c > b) {
if (a * a + b * b < c * c) {
document.write("钝角三角形");
}
else if (a * a + b * b == c * c) {
document.write("直角三角形");
}
else {
document.write("锐角三角形");
}
} else {
document.write("不是三角形");
}
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="num1" /><br>//出现文本框,可以输入数据
<input type="text" name="num2" /><br>
<input type="text" name="num3" /><br>
<input type="button" onclick="aa()" />
</form>
</body>
</html></span>
html 超文本标记语言,用来搭建网站的结构
css 层叠样式表,用来设置网站的样式
JavaScript 一种脚本语言,用来设定网站行为
DOM:文档对象模型,用于修改文档的内容和结构
SVG:可缩放矢量图形,用于绘制可视化的图形
d3.js安装
第一种下载d3.js的zip,解压后,在 HTML 文件中包含相关的 js 文件。
第二种直接引入用<script>
标签引入:
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
Java、C 和 Perl 都要求每行代码以分号(;)结束才符合语法。