学习js/css时易忽略的小知识点 css会阻塞js解析吗
yuyutoo 2024-10-19 11:06 2 浏览 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之间的小数。
相关推荐
- Google Chrome 100 Beta发布 用户代理字符串作用开始逐渐降低
-
GoogleChrome和MozillaFirefox都在迅速接近100版本，这有可能破坏一些错误识别浏览器版本的网站（可能导致访问不正常，这有点类似于众所周知的千年虫）。两种浏览器都在研究可能的...
- 如何在Chrome，Edge，Safari和Firefox中更改用户代理
-
无论您是SEO，营销人员还是Web开发人员，通常都可能需要更改浏览器的用户代理以测试其他内容。例如，您正在运行特定于MAC-OS的活动。要确定您的广告系列是否正常运行并且未针对Linux用户，更改浏览...
- Mozilla正在测试新的浏览器UserAgent
-
Mozilla最近发布了一个实验项目来测试3位数的UserAgent版本“Firefox/100.0”会不会让一些网站停止正常工作。浏览器UserAgent是一串字符串，里面包含了浏览器的软件信息，版...
- 爬虫与User-Agent
-
什么是User-Agent呢?User-Agent是一个特殊字符串头，被广泛用来标示浏览器客户端的信息，使得服务器能识别客户机使用的操作系统和版本，CPU类型，浏览器及版本，浏览器的渲染引擎，浏览器...
- 让你的浏览器充满魔性——User Agent Switche
-
对于前端人员，闲暇时就会研究各种插件，今天我就分享UserAgentSwitcher在Firefox和Chrome的使用情况。一、Firefox浏览器UserAgentSwitcher作为火...
- 亚马逊账号运营安全-浏览器指纹识别之User-Agent开篇
-
UA包含了一个约定的特征字符串。主要是面向受访问网络表明自己的操作系统，软件开发商，版本，应用类型等信息。这是一种主动暴露信息的方式。我们来看关于UA的简单语法定义：User-Agent:<p...
- 【每日学习】Python爬虫之伪装浏览器User-Agent
-
【主题】Python爬虫之伪装浏览器原理【分析】1.创建自定义请求对象的目的，对抗网站的反爬虫机制2.反爬虫机制1：判断用户是否是浏览器访问（User-Agent）3.对抗措施1：伪装浏览器进行访问【...
- 亚马逊账号运营安全-浏览器指纹识别之User-Agent二篇
-
大家好，上一篇亚马逊账号运营安全-浏览器指纹识别之User-Agent开篇为大家阐述了原理。下面是作者为大家整理的其他几个主流浏览器的UA配置。一下都是Windows1064X系统下整理。Chrom...
- 常见的爬虫UserAgent
-
通过前面的文章我们知道，UserAgent（用户代理）是HTTP请求的一部分，用于告诉服务器发起请求的客户端类型和属性等信息。同时，也了解了常见的UserAgent。...
- HTTP请求头之User-Agent
-
什么是User-AgentUser-Agent中文名为用户代理，简称UA，...
- 你想不到的浏览器流氓史!那些奇怪的User-Agent，是这么来的...
-
平时我们用chrome浏览器做开发测试。Chrome的Useragent字段怎么这么奇怪？...
- 谷歌宣布 Chrome 将逐步停止支持 User Agent
-
谷歌近日宣布将放弃对Chrome浏览器中用户代理字符串（User-AgentString）的支持。取而代之的是，Chrome将提供一个名为“客户端提示（ClientHints）”的新API...
- 数据采集-用户代理(useragent)
-
UserAgent分类：PC端的UserAgent。移动端UserAgent。使用UserAgent的必要性：在写python网络爬虫程序的时候，经常需要修改UserAgent，有很多原因，罗列几个如...
- 如何获取当前浏览器的useragent
-
有时候，我们需要得到浏览器的useragent，从而再进行后面的一系列判断，返回不同的值。网上有说，在浏览器地址栏输入：javascript:alert(navigator.userAgent)这种方...
- User Agent 解析:它是什么以及如何修改
-
什么是UserAgent?UserAgent，简称UA，是一个使服务器能够识别用户使用的浏览器类型、版本以及运行浏览器的操作系统等信息的字符串。它作为浏览器请求头部信息的一部分发送给服务器，以便服务...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- mybatis plus (70)
- scheduledtask (71)
- css滚动条 (60)
- java学生成绩管理系统 (59)
- 结构体数组 (69)
- databasemetadata (64)
- javastatic (68)
- jsp实用教程 (53)
- fontawesome (57)
- widget开发 (57)
- vb net教程 (62)
- hibernate 教程 (63)
- case语句 (57)
- svn连接 (74)
- directoryindex (69)
- session timeout (58)
- textbox换行 (67)
- extension_dir (64)
- linearlayout (58)
- vba高级教程 (75)
- iframe用法 (58)
- sqlparameter (59)
- trim函数 (59)
- flex布局 (63)
- contextloaderlistener (56)