JavaScript语言

1.Java跟JavaScript有什么联系?


2.JavaScript是解释型语言还是编译型语言?


3.JavaScript语言是否可以开发服务器程序?


4.node.js是什么?


5.jQuery是什么?


6.<script>标签中可以直接执行JS语句和定义JS函数。对吗?


7.<script>标签可以位于文档的任意部分,但是一般置于<head>中。对吗?


8.JS是一种基于对象和事件驱动的语言,用文字描述下面代码的执行过程:
<input type=button value=测试 onclick="aa();" />


9.下面代码中,void(0)起到什么作用:


<a href="javascript:void(0);" onclick="bb();" >测试引入外部的JS文件</a>


10.JavaScript的注释跟java一样吗?


11.【上机】如何引入外部定义的一个JS文件。用代码说明。


12.怎么理解“变量没有类型,数据有类型”这句话?


13.变量命名声明必须以什么开头?


14.下面声明的变量哪些是局部变量哪些是全局变量?以及有什么错误?


function aa(){
var g = 22+pp;
var c=1,d=2;
a = "aaa";
var date = new Date();
}

15.【上机】JS中字符串可以使用单引号也可以使用双引号。下面代码请使用双引号
单引号技巧做处理。


var d = "<img src="aaaa.jpg"/>";
下面代码如何有什么问题?如何解决?(体会双引号和引号的用法)
var d = "<img src="aaaa.jpg"/>";

16.下面的代码会执行alert语句吗?为什么?


var g2 = parseInt("sdfdfsd");
if(g2!=g2){
alert(g2);
}

17."==="和"=="有什么区别?


18.【上机】测试下面是关于类型转化代码,大家总结出什么规律:


function testDataTypeAutoConvert(){
var a = "true";
var b = true;
var c = 1;
var d = null;
var e;
alert(a==b); //字符串"true"不能转化成布尔true (对于false也一样)
alert(a==c); //字符串"true"不能转化成数字1 (对于false也一样)
alert(b==c); //数字1可以转化成true (对于false和0也一样)
alert(d==e); //null和undefined可以互相转
alert(0==e); //数字0和null、undefined不能转
alert(123=="123"); //字符串和数字可以自动转化
}

19.JS中的数组长度是否随时可变?


20.写出数组定义的两种常见方式


21.数组中,join,shift,pop,push方法分别是什么作用?自己写出测试代码。


22.JS中函数定义两种最常见方式是?用代码说明


23.下面代码有误吗?


function aa(var a,var b){
alert(a+b);
}

24.下面代码,我们调用ee函数,最终执行结果是?


var cc = function(){
alert("函数也是对象!");
}

function dd(s){
s();
}

function ee(){
var r = cc;
dd(r);
}

25.内置函数:isNaN, escape,unescape,eval,parseInt,parseFloat都有什么作用?


26.说出下面的事件都有什么作用:


onload,onunload,onblue,onchange,onfocus,onkeypress,onkeydown,
onkeyup,onmouseover,onmousemove,oncopy,onbeforecopy


27.某个元素的id是aa,那么JavaScript中通过什么方法可以获得该元素对应的对象。


28.【上机】JavaScript操作某个元素的CSS属性,可通过style、className来做。

举例说明之。


29.Date中getTime方法是什么意思?返回的数字表示什么意思?


30.【上机】使用Math对象的方法实现,在100-200之间取得一个随机数。


31.var a = "aaaabbb"; a能使用String对象的方法吗?


32.【上机】定义一个类:汽车类:包含属性:价格、牌子。 方法:启动,停止。
并new出两个车的对象。


33.【上机】通过prototype属性,实现Audi车,要继承上题中的汽车类。
并增加自己的牌子和新的方法:run()


34.【上机】通过JSON方式,定义三个学生对象。包含属性:名字、年龄、
包含方法:学习。


35.【上机】通过JSON方式,定义一个老师对象。包含属性:名字、科目,学生们。
包含方法:教学。


36.【上机】通过window对象的open方法,实现打开一个小窗口。没有工具栏、
状态栏、菜单、地址栏。


37.【上机】使用定时控制,实现每5秒请求一次百度。旁边有个取消按钮,点击后,
不再访问百度。


38.【上机】说出history、navigator、location对象的作用。并熟悉老师课堂代码。


39.DOM的全称是什么?


40.浏览器是否根据加载的源代码最后生成DOM对象?


41.写出直接获取元素节点的三种方式。


42.如何获得某个元素的父节点?


43.如何获得某个元素的所有子节点?


44.【上机】如何获得某个元素下面的元素节点(注意:一定是元素节点)。用代码实现


45.【上机】使用innerHTML,替换某个div下面的代码


46.【上机】为某个已有的DIV元素增加<img>元素。练习用appendChild、

insertBefore方法分别实现


47.【上机】使用removeChild删除文档中的一个元素。用代码实现


48.【上机】替换一个已有的节点。用代码实现


49.【上机】写出获取表单对象的六种方式。


50.【上机】通过浏览器的debug模式的dom查看器,浏览器表单对象的属性。


51.通过下面的JS代码提交表单,会不会有问题:


<form name=regFrm action="aaa.jsp" method="post" id="form1Id">
用户名:<input type=text name=uname value="aa bb" /> <br/>
密码:<input type=password name=pwd /><br/>
<input type=submit name=submit value=提交 />
</form>
JS代码:
var frm4 = document.regFrm; //最简单、最常用的一种
frm4.submit();

52.【上机】 某个表单的action="1.jsp",我们能不能在JS代码中修改action的值为
2.jsp,再提交。请写出代码。


53.操作文本域时,defaultValue和value有什么区别?


54.如果我已经获得文本域对象,如何获得所在的表单对象?


55.【上机】实现如下需求:点击某个按钮,这个按钮变为灰色状态,并且增加10秒倒
计时。时间到后,该按钮又可以点击。


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script>
function test(){
var a = document.getElementById("btn");
a.disabled=true;
var i = 10;
var b = setInterval(function(){
a.value="测试("+i+")";

if(i==0){
a.value="测试";
a.disabled = false;
clearInterval(b);
}
i--;
},1000);
}
</script>
</head>
<body>
<input type=button id=btn value=测试 /><br/>
<input type=button value=倒计时 onclick="test();" /><br/>
</body>
</html>


56.【上机】实现复选框的全选、取消全选、反选操作。


57.【上机】使用JS代码动态生成一个下拉列表。


注:JS处理下拉列表有浏览器差异问题。火狐和ie处理方式不同。
685.【上机】完成老师课堂代码(课上敲一次,课下敲至少一次!)


58.下面代码完成了什么功能?请简单叙述。


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style>
.error {color:red;}
</style>
<script src="util.js"></script>
<script>

function check(frm){
var uname = frm.uname.value.trim();
var pwd = frm.pwd.value.trim();
var pwd2 = $("pwd2").value.trim();
var flag = true;


$("unameMsg").innerHTML="";
$("pwdMsg").innerHTML="";
if(uname.length==0){
$("unameMsg").innerHTML="&times;用户名不能为空!";
flag = false;
}

if(pwd.length==0){
$("pwdMsg").innerHTML="&times;密码不能为空!";
flag = false;
}

if(pwd!=pwd2){
$("pwdMsg").innerHTML="&times;两次输入密码不一致!";
flag = false;
}

var flag2 = false;
for(var i=0;i<frm.favorite.length;i++){
if(frm.favorite[i].checked){
flag2 = true;
break;
}
}
$("favoriteMsg").innerHTML = "";
if(!flag2){
$("favoriteMsg").innerHTML="&times;该项必选!";
}

return flag&&flag2;
}
</script>
</head>
<body>
<form name=regFrm onsubmit="return check(this);" >
用户名:<input type=text name=uname /><span class="error" id=unameMsg></span><br/>
密码:<input type=password name=pwd /><span class="error" id=pwdMsg></span><br/>
确认密码:<input type=password id=pwd2 /><br/>
喜欢做的事:<span class="error" id=favoriteMsg></span><br/>
<input type=checkbox name=favorite value=1 />学Java <br/>
<input type=checkbox name=favorite value=2 />用Java <br/>
<input type=checkbox name=favorite value=3 />教Java <br/>
<input type=submit value=提交 />
</form>
</body>
</html>

原文地址:https://www.cnblogs.com/ren549047861/p/11294681.html