作业完成汇报
- 课堂演示代码
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
input {
height: 30px;
width: 60px;
}
</style>
<script type="text/javascript">
function sum() {
// 1
var j1 = document.getElementById("j1").value;
var j2 = document.getElementById("j2").value;
var result = parseInt(j1) + parseInt(j2);
document.getElementById("result").value = result;
}
</script>
</head>
<body>
<input type="text" id="j1" value=""/> + <input type="text" id="j2" value="" />
<input type="button" value="=" onclick="sum();" />
<input type="text" id="result" />
</body>
<script type="text/javascript">
var i = 1;
while (i <= 10) {
if (i % 2 == 0) {
document.write("<h1>"+i+"</h1>");
} else {
document.write("<h1 style='color:red'>"+i+"</h1>");
}
i = i + 1;
}
document.write("结束");
</script>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
function showText() {
var r = document.getElementById("t1").value;
document.getElementById("t1text").innerHTML = r;
}
</script>
</head>
<body>
<input type="text" id="t1">
<input type="button" value="click me" onclick="showText();" />
<hr/>
<h1 id="t1text">Click me</h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
</style>
<script type="text/javascript">
//
var status = 1;
function changeImg() {
if (status == 1) {
document.getElementById("bul").src = "http://www.w3school.com.cn/i/eg_bulboff.gif";
status = 0;
} else {
document.getElementById("bul").src = "http://www.w3school.com.cn/i/eg_bulbon.gif";
status = 1;
}
}
</script>
</head>
<body>
<img id="bul" src="http://www.w3school.com.cn/i/eg_bulbon.gif" onclick="changeImg();">
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
</style>
<script type="text/javascript">
function changeSize() {
var cv = document.getElementById("fs").value;
document.getElementById("zg").style.fontSize = cv + "px";
}
</script>
</head>
<body>
<select id="fs" onchange="changeSize();">
<option value="10">10px</option>
<option value="15">15px</option>
<option value="20">20px</option>
</select>
<hr>
<h1 id="zg">高磊</h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1 id="h">Hello</h1>
</body>
<script type="text/javascript">
document.getElementById("h").innerHTML = "Hi";
</script>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1 id="h">Hello</h1>
</body>
<script src="my.js"></script>
</html>
var i = 1;
alert(i);
document.getElementById("h").innerHTML = "Hi";
function t1() {
alert("t1");
}
- 问答题
JAVAScript发展历史
1997 年，JavaScript 1.1 作为一个草案提交给欧洲计算机制造商协会（ECMA）。第 39 技术委员会（TC39）被委派来“标准化一个通用、跨平台、中立于厂商的脚本语言的语法和语义”(http://www.ecma-international.org/memento/TC39.htm)。由来自 Netscape、Sun、微软、Borland 和其他一些对脚本编程感兴趣的公司的程序员组成的 TC39 锤炼出了 ECMA-262，该标准定义了名为 ECMAScript 的全新脚本语言。
在接下来的几年里，国际标准化组织及国际电工委员会（ISO/IEC）也采纳 ECMAScript 作为标准（ISO/IEC-16262）。从此，Web 浏览器就开始努力（虽然有着不同的程度的成功和失败）将 ECMAScript 作为 JavaScript 实现的基础。
JAVAScript和java的区别
虽然JavaScript与Java有紧密的联系，但却是两个公司开发的不同的两个产品。
Java是SUN公司推出的新一代面向对象的程序设计语言，特别适合于Internet 应用程序开发；而JavaScript是Netscape公司的产品，其目的是为
了扩展Netscape Navigator功能，而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言，它的前身是Live Script；而Java的前身是Oak语言。
JAVAScript的代码格式规范有哪些
1、局部变量命名才用驼峰式命名
2、如果是jQuery的变量使用$为前缀
3、在for循环和if语句中左边的大括号应该在行的结束位置,不应该单独一行
4、在javascript中字符串可以使用单引号与双引号，但是建议是用单引号
5、合理的分号作为结束符
当有换行符（包括含有换行符的多行注释）会自动加上分号
当有}时，如果缺少分号，会补分号
当程序源代码结束时，如果缺少分号，会补分号
6、如果只有一行注释就使用单行注释，多行的就使用多行注释
- 编程题
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<hr/>
<select id="select-1" onchange="cgcolour()">
<option value="red">红色</option>
<option value="blue">蓝色</option>
<option value="green">绿色</option>
</select>
<hr/>
<h1 id="h-1">20181011天气晴</h1>
<script type="text/javascript">
function cgcolour() {
document.getElementById("h-1").style.color = document.getElementById("select-1").value;
}
</script>
<input type="text" id="input-1">
<input type="button" id="input-2" onclick="put();">
<script type="text/javascript">
function put() {
var x = document.getElementById("input-1").value;
console.log(x);
document.getElementById("h-1").style.fontSize = x + "px";
}
</script>
</body>
</html>
今日学习总结
JAVAScript代码编写初学