HTML,JavaScript基础（学习笔记）_在javascript如何设置元素的内边距-优快云博客

本文链接：https://blog.youkuaiyun.com/A_Yuan999/article/details/108510299

这篇博客介绍了HTML的基础，包括元素、属性、格式化和样式。此外，还详细讲解了JavaScript的基础，如脚本位置、语法、输出、注释、条件语句、循环语句、函数定义与调用以及异常捕获机制。

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

HTML 元素：
从开始标签到结束标签的所有代码

空标签
HTML 属性：
属性以键/值对形式出现

<a href="www.baidu.com">打开百度</a>

常用标签属性

<h1 align="center">标题h1,align位置</h1>

<body bgcolor="red">
<h1 align="center">标题h1,align位置</h1>
</body>

通用属性
class,id,style……

<h2 class="h2ID">标题</h2>

HTML格式化

标签	描述
< b >	定义粗体文本
< big >	定义大号字
< em >	定义着重文字
< i >	定义斜体字
< sub >	定义上标字
< sup >	定义下标字

HTML样式
1 标签：
< style >:样式定义
< link >: 资源引用
2 属性：
rel = “stylesheet” : 外部样式表
type = “text/css” :引入文档类型
margin-left : 边距

HTML表格

表格	描述
< table >	定义表格
< caption >	定义表格标题
< th>	定义表格的表头
< tr>	定义表格的行
< td>	定义表格单元
< thead>	定义表格的页眉
< tbody>	定义表格的主体
< tfoot>	定义表格的页脚
< col>	定义表格的列属性

<table border="5">
	<caption>表头</caption>
	<tr>
		<td>单元格1</td>
		<td>单元格2</td>
		<td>单元格3</td>
	</tr>
</table>

JavaScript实现

脚本必须位于
语法：
输出

document.write("Hello");

注释（ctrl+/）
单行注释： //
多行注释： /* */

变量

var i = 10;
var j = 10;
var m  = i+j;
document.write(m)

//数组
var arr = [1,2,3,4];
document.write(arr[1])

//不规定数组大小，动态添加
var arr=new Array();
arr[0]=10;
arr[1]=20;
document.write(arr[1])

if-else、switch 条件语句

if-else

<script>
var i = 10;
	if( i >10){
		document.write("结果为i >10");
	}else if(i<10){
		docment.write("结果i<10");
	}else{
		docment.write("结果i=10")
	}
</script>

switch

<script>
	var i = 5;
	switch(i){
		case 1:
			document.write("i = 1");
			break;
		case 2:
			document.write("i = 2");
			break;
		default:
			//不满足任何case执行default
			document.write("条件不满足case")
			break;
	}
</script>

循环语句 for,for/in,while,do/while

for

<script>
	var i = [1,2,3,4,5];
	for (var j = 0;j<6;j++){
		document.write(i[j]+ " ");
	}
</script>

for /in

<script>
	var i = [1,2,3,4,5];
	var j;
	for (j in i){
		document.write(i[j]+ "[br/]");
	}
</script>

while

<script>
	var i =1;
	while(i<10){
		document.white("i=" + i +"<br/>");
		i++;
	}
	
</script>

do/while

<script>
	var i =1;
	do{
		document.white("i=" + i +"<br/>");
		i++;
	}while(i<10){
	}
	
</script>

函数
定义函数

function 函数名(){
	函数体;（代码块）
}

定义好函数后，不能自动执行，需要进行调用
调用方式：
1）在< script >标签内调用
2）在HTML文件中调用

<script>
//a，b为参数
	function demo(a,b){
		var sum = a+b;
		return sum;
	}
	//调用函数方式1
	var v1 = demo(10,20)
	//弹出框
	alert(v1);
</script>
//调用方式2
<form>
	<input type="button" value="按钮" onclick="demo()">
</form>
//或者
<button onclik="demo()">按钮</button>

带返回值的函数

返回值：
需要将函数的值返回给调用他的地方
通过return 语句实现
注意，在使用return语句时，函数会停止执行，同时返回值

<script>
	function demo(a,b){
		if (a>b){
			return alert("a比较大");
		}else{
			return alert("b比较大");
		}
	}
	var vl = demo(10,20);
</script>

异常捕获

当JavaScript引擎执行JavaScript代码时，发生了错误，导致程序停止运行

try{
	发生异常的代码块;
}catch（err）{
	错误信息处理;
}