百度360必应搜狗淘宝本站头条
vba高级教程svn连接scheduledtaskmybatis plus结构体数组
当前位置：网站首页 > 编程网 > 正文

学习js/css时易忽略的小知识点 css会阻塞js解析吗

yuyutoo 2024-10-19 11:06 7 浏览 0 评论

表单中使用name来获取表单的value

方法是使用document.getElementsByName()来获取，但是一定要记得这样获取到的结果为集合。如果代码写成这样将不会起作用

var x = document.getElementsByName("x").value;
window.alert(x);

你会发现alert出来的是undefinded

因为获取的结果为集合，所以应该加上下标，如下：

var x = document.getElementsByName("x")[0].value;
windwo.alert(x);

这时，alert出来的才是正确的值。


用js来获取textarea中用户输入的值

同上面的一样。起初以为是用.innerHTML来获取，后发现也是用value获取。

代码1：

效果1：


关于在匿名函数中使用innerHTML遇到的问题

在写练习的时候遇到一个问题，在网页中动态的显示当前的时间。用了setInterval()，然后把显示时间的代码写成匿名函数放在setInterval()的第一个参数里面了，可是网页一直报错，显示不了时间。

<html>
<head>
	<title>始终制作</title>
	<script type="text/javascript">
		window.onload = window.setInterval((function() {
			var nTime = new Date();
			var year = nTime.getFullYear();
			//alert(year);
			var month = nTime.getMonth()+1;
			var day = nTime.getDate();
			var hours = nTime.getHours();
			var minutes = nTime.getMinutes();
			var seconds = nTime.getSeconds();
			var week = nTime.getDay();
			var amOrpm = "";
			var weekday="";
			if(hours > 12 && hours <24) {
				amOrpm = "PM";
			}else if(hours >= 0 && hours <= 12){
				amOrpm = "AM";
			}
			switch(week) {
				case 1:
					weekday = "星期一";
					break;
				case 2:
					weekday = "星期二";
					break;
				case 3:
					weekday = "星期三";
					break;
				case 4:
					weekday = "星期四";
					break;
				case 5:
					weekday = "星期五";
					break;
				case 6:
					weekday = "星期六";
					break;
				case 7:
					weekday = "星期天";
					break;
			}
			var reallyt =  year + "年" + month + "月" + day + "日" + " " + hours 
      	+ ":" + minutes + ":" + seconds + " " + amOrpm + " " + weekday;
		    //document.write(reallyt);
		    document.getElementById("nowTime").innerHTML="<h2>" 
          + reallyt + "</h2>";
		})(),1000);
	</script>
</head>
<body>
	<h1>欢迎来到炒鸡无敌大餐厅，现在的时间是：</h1>
	<div id="nowTime"> </div>
</body>
</html>

网页报错如下：

后面把匿名函数放出来声明好，再在setInterval()里面调用，又可以用了，很郁闷（补充：或者把innerHTML换成innerText试试？不行。。。）。在网上搜到说是好像因为匿名函数是一行一行执行的，在执行到innerHTML那里时，因为网页中的id为nowTime的div还没加载，所以找不到就报错了。不知道这个解释正不正确。

改正后代码：

结果：

貌似还有一个方法是：把js脚本放在body后面引入？ 在我这份代码中不行。。。


关于index

通过getElement系列函数获取的元素集合有一个index属性。例如

var temp = document.getElementByName("x");
temp[0].index=i;

这段代码表示，第一个元素的下标等于i。


在a标签中使用onclick等事件

在a标签中使用onclick等事件时，为了防止此事件失效，需要把a标签的href属性的属性值设置为：javascript:void(0);


使用getElementXXXX系列函数

使用getElementXXXX系列函数时，如果要获取标签的各种属性，在html中标签的属性名怎么写，js中的属性名就怎么写。只有一个意外，如果要获取标签的class属性，则在js中要通过clsaaName来获取

var d = getElementById("div11");
d.className = "div22"; 
//通过className来获取类名<div id = "div11" class = "div1">    kadl</div>


z-index使用

在网页中，要想使z-index出现效果，元素必须设置定位，不管是绝对定位还是相对定位都可以，根据情况


css中的透明度

使用opacity(x)实现，x的取值为0-1之间的小数。

相关推荐

高一高二第一次月考认真作答（高二第一次月考的重要性）

正在进行高一、高二第一次月考，同学们正在认真完成化学试卷，研究考纲，探究考点，夯实基础，迎战高考！

山清水秀，盛世今朝（山清水秀出处）

万千星河，神州妖娆！山清水秀，盛世今朝!龙腾虎跃，锦绣前程！千里婵娟，祝福永远！

我校二模成绩已新鲜出炉（二模考试成绩）

充电加油备战高考，积极努力再拼一搏...

Argon Design向瑞萨电子有限公司提供Argon Streams VP9许可证

英国剑桥--(美国商业资讯)--领先的先进视频验证解决方案提供商ArgonDesignLtd已与日本半导体公司瑞萨电子有限公司(RenesasElectronicsCorporation)签署...

高考倒计时75天（高考倒计时75天励志语）

今天是2022年3月24日星期四，距离2022年高考还有75天时间对于十八岁的高三学子来说，有些事情的确会影响你们的一生，但是没有一件事能决定你们的一生！努力的意义，就是：以后的日子里，放眼望去，全...

期中考试正在进行（期中考试在即）

转眼即瞬，期中考试已到，紧张忙碌的两个月学习，检验的时刻到了。让我们拿出信心和勇气，来挑战自我。面对考验，我们该做的就是沉着，冷静。让知识来一次次洗礼我们的灵魂，让失败和成功迎接一次次的成长。你们可以...

不要浪费了你NAS上的HDMI接口!详解华硕NAS上HDMI接口的妙用

不要浪费了你NAS上的HDMI接口！详解华硕NAS上HDMI接口的妙用之前我在本站分享我使用的华硕（ASUS）AS6704T...

Java通过Kafka Streams库来实现数据流处理

#暑期创作大赛#...

From abandoned mines to limpid streams waters: how banks profit from EOD

ByZENGYanglinInthecurrentpursuitofthe“dualcarbon”target(carbonpeakingandcarbonneutra...

SPSS与Streams的集成实现实时预测

SPSSModeler是一个数据挖掘工作台，提供了一个可了解数据并生成预测模型的最先进的环境。Streams提供了一个可伸缩的高性能环境，对不断变化的数据进行实时分析，这些数据中包括传统结构的数据...

Kafka Streams, 我还会再使用它吗?

DeeptiMittal4分钟阅读...

大数据Hadoop之——Kafka Streams原理介绍与简单应用示例

一、KafkaStreams概述官网文档：https://kafka.apache.org/32/documentation/streams/...

Android上的TCP今天开始向用户推出，并将在下个月向所有用户提供

据extends网3月15日报道，Firefox今天宣布，其保护用户免受跟踪器攻击的全面cookie保护（TCP）功能现已在Android上可用。该功能默认启动模式，这样，跟踪器将无法收集有关用户的浏...

Linux curl命令（linux curl命令安装）

Linuxcurl命令是一个利用URL规则在命令行下工作的文件传输工具。它支持文件的上传和下载，所以是综合传输工具，但按传统，习惯称curl为下载工具。作为一款强力工具，curl支持包括HTTP、H...

go语言http服务入门详解（go语言http服务器）

当你在浏览器中输入URL时，实际上是在发送一个对Web页面的请求。该请求被发送到服务器。服务器的工作是获取适当的页面并将其作为响应发送回浏览器。在Web的早期，服务器通常读取服务器硬盘上HTML文件的...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表