信息管理创新实践周记五

ryh...

于 2021-06-06 22:14:03 发布

阅读量68

点赞数

本文链接：https://blog.csdn.net/m0_51167063/article/details/117625133

版权

第五周学习了Javascript的基本用法

一、javascript简介和用法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<script>
function myFunction(){
	document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>
<body>
	
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
	
</body>
</html>

二、javascript进本语法

1.对象

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
	
<p>点击下面的按钮，循环遍历对象 "person" 的属性。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
	var x;
	var txt="";
	var person={fname:"Bill",lname:"Gates",age:56}; 
	for (x in person){
		txt=txt + person[x];
	}
	document.getElementById("demo").innerHTML=txt;
}
</script>
	
</body>
</html>

2.函数

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>该实例中， myFunction 是函数构造函数:</p>
<p id="demo"></p>
<script>
function myFunction(arg1, arg2) {
	this.firstName = arg1;
    this.lastName  = arg2;
}
var x = new myFunction("John","Doe")
document.getElementById("demo").innerHTML = x.firstName; 
</script>

</body>
</html>

3、事件

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<p>点击按钮执行 <em>displayDate()</em> 函数.</p>
<button onclick="displayDate()">点这里</button>
<script>
function displayDate(){
	document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>

</body>
</html>

ryh...

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
信息管理创新实践周记五

第五周学习了Javascript的基本用法目录一、javascript简介和用法二、javascript进本语法1.对象2.函数3、事件一、javascript简介和用法<!DOCTYPE html><html><head><meta charset="utf-8"> <script>function myFunction(){ document.getElementById("demo").innerHTML="我的第一个
复制链接

扫一扫