作业完成汇报
- 课堂演示代码
<!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
代码编写初学