2019--3.11学习笔记

最新推荐文章于 2025-03-11 23:03:06 发布

原创最新推荐文章于 2025-03-11 23:03:06 发布 · 150 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#学习笔记 #JavaScript

本文介绍如何使用JavaScript创建包含姓名、地址和电话信息的卡片对象，并提供打印方法。同时，展示了如何响应键盘事件，当按下Enter键时，显示文本框内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建一个卡片对象，卡片上标有“名字”“地址”和“电话”等信息。名片对象提供一个方法以输出这些信息。

<html>
<head>
	
</head>
<body>
	<script language="javascript">
	function Card(name,address,phone)
	{
		this.name=name;
		this.address=address;
		this.phone=phone;
		this.printCard=function ()
		{
			line1 = "Name:" + this.name + "<br>\n";
			line2 = "Address:" + this.address + "<br>\n";
			line3 = "Phone:" + this.phone + "<br>\n";
			document.writeln(line1,line2,line3);
 		}
	}
	Tom = new Card("Tom","BeiJingRoad 123","0851-12355");
	Tom.printCard()
	</script>


</body>
</html>

响应编辑框的“onkeyup”事件，当用户按enter键时将文本框中的内容显示在对话框中

<html>
<head>	
</head>
<body>
	<script language="javascript">
	function OnKeyUp()
	{
	if(event.keyCode == 13)      //检测按下的是否是回车键，回车键的ASCII码是13
	{
		alert("您输入的内容是：" + Text1.value);   //将文本框中的内容显示在信息框中
	}
	}
	</script>
	<h1>事件处理程序</h1><br>
	<input id="Text1" Type="text" onkeyup="OnKeyUp()" style="Width:423px;height:178px">
</body>
</html>

indexOf 方法，返回 String 对象内第一次出现子字符串的字符位置。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>判断是否为数组。</p>
<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = isArray(fruits);
function isArray(myArray) {`在这里插入代码片`
    var a=myArray.constructor.toString() ;
	return a;
}
</script>

</body>
</html>

输出结果：
判断是否为数组。

function Array() { [native code] }


var a=myArray.constructor.toString().indexOf("Array")  ;
	return a;

输出结果：
判断是否为数组。