Js基础
1:document.write()
这个是动态创建元素内容,利用js。这个可以利用js来创建元素,文本,标签等,document.write()与document.writeln()的区别就在于writeln()输出内容后,会在源代码中换一行,而write()会紧挨着输出不会有任何换行。这个标签必须随页面一同加载显示。
在一个网页中引用其它网页可以使用js的document.write(html代码),这样子生成。
2:最基本的dom遍历属性
àdocument.getElementById()
根据元素id获取元素,使用这个,不是集合,是单个的元素。
àdocument.getElementsByName()
但是这个特殊,根据元素的name获取元素,这个放回的是对象数组,和下面获取到的是集合只有上面的获取到的是单个的元素。在表单元素的时候使用最好。
à document.getElementsByTagName()
这个也是获取元素,根据页面上标签的名字获取所有的元素,获取到的是个集合。
Eg:按钮实现里面内容变化
-
<script type="text/javascript">
-
window.onload = function() {
-
var inputs = document.getElementsByTagName('input');
-
for (var i = 0; i < inputs.length; i++) {
-
inputs[i].onclick = function () {
-
for (var c = 0; c < inputs.length; c++) {
-
if(inputs[c].type=="button") {
-
inputs[c].value = '哈哈哈';
-
}
-
}
-
this.value = '呜呜';
-
};
-
}
-
};
-
</script>
Eg:利用计时器实现使用说明的等待时间。
-
<script type="text/javascript">
-
window.onload = function () {
-
var ss = 4;
-
//这里启动计时器
-
var time=setInterval(function() {
-
var sa = document.getElementById('btn1');
-
if (ss > 0) {
-
sa.value = '请稍等几分钟' + ss + '';
-
ss--;
-
} else {
-
sa.value = '同意';
-
sa.disabled = false;
-
clearInterval(time);
-
}
-
}, 1000);
-
};
-
</script>
àdocument.createElement('标签名');
-
<script type="text/javascript">
-
window.onload = function() {
-
document.getElementById('btn').onclick = function() {
-
var alink = document.createElement('a'); //动态创建元素
-
alink.href = 'http://www.baidu.com';
-
alink.target = '_black';
-
alink.innerText = '百度';
-
document.getElementById('div1').appendChild(alink); //将其添加到div中.
-
-
var btton = document.createElement('input');
-
btton.type = 'text';
-
document.getElementById('div1').appendChild(btton);
-
};
-
};
-
</script>
删除层中元素
-
document.getElementById('btn1').onclick = function() {
-
var sss = document.getElementById('div1');
-
while (sss.firstChild) {
-
sss.removeChild(sss.firstChild);
-
}
-
};
***:在程序中需要判断类型,我们可以利用typeof()来得到其变量的类型。
innerText.和innerHTML的区别
这个就是
Eg:往table中添加内容。
下面的dict格式是json的格式,也是一种键值对的形式。
-
<title></title>
-
<script type="text/javascript">
-
var dict = {
-
'百度': 'http://www.baidu.com',
-
'京东': 'http://www.jd.com',
-
'淘宝': 'http://www.taobao.com',
-
};
-
window.onload = function() {
-
document.getElementById('btn').onclick = function() {
-
var table = document.createElement('table');
-
table.border = '1';
-
table.backgroundColor = 'red';
-
for (var key in dict) {
-
var tr = document.createElement('tr');
-
var td1 = document.createElement('td');
-
td1.innerHTML = key;
-
var td2 = document.createElement('td');
-
td2.innerHTML = '<a href="' + dict[key] + '">' + key + '</a>';
-
tr.appendChild(td1);
-
tr.appendChild(td2);
-
table.appendChild(tr);
-
}
-
document.body.appendChild(table);
-
};
-
};
-
</script>
Js操作样式
注意:
修改元素的样式不是设置class属性,而是className属性。class是js中的一个保留字,属性不能使用关键字,保留字就变为了classname。
使用方式,属性名.style,注意这里的属性名可能和css中的名字不一样,我们要注意区分。
-
<script type="text/javascript">
-
window.onload = function() {
-
document.getElementById('btn').onclick = function() {
-
var div = document.getElementById('div').style;
-
div.backgroundColor = 'red';
-
div.border = '1px solid blue';
-
div.width = '200px';
-
div.height = '400px';
-
div.fontFamily = '楷体';
-
div.styleFloat = 'right';
-
};
-
document.getElementById('btn1').onclick = function() {
-
document.getElementById('div').style.display = 'none';
-
};
-
};
-
</script>
转载于:https://my.oschina.net/Andyahui/blog/611610
分享到:
相关推荐
旅游资源网站的主要使用者分为管理员和用户,实现功能包括管理员:首页、个人中心、用户管理、景点信息管理、购票信息管理、酒店信息管理、客房类型管理、客房信息管理、客房预订管理、交流论坛、系统管理,用户:首页、个人中心、购票信息管理、客房预订管理、我的收藏管理,前台首页;首页、景点信息、酒店信息、客房信息、交流论坛、红色文化、个人中心、后台管理、客服等功能。 项目关键技术 开发工具:IDEA 、Eclipse 编程语言: Java 数据库: MySQL5.7+ 后端技术:ssm 前端技术:Vue 关键技术:springboot、SSM、vue、MYSQL、MAVEN 数据库工具:Navicat、SQLyog
1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手
这里收集那些神奇的产品经理为我们带来的意想不到的产品功能和改版,又称_MDZZ_PM_awesome-pm
有戴头盔的人、未戴头盔的人、摩托车三种类别,包含736张图像、对应voc格式标签(xml)
微软演示材料
VB075期刊信息管理系统(SQL).7z
西门子SMART200程序 PID的控制写法,突破8路,PID直接做成子程序,无密码,直接调用。
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 、5资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
基于YOLOv5的物体检测识别与分类系统,可根据不同的权重模型对不同的物体进行识别,整体分为图片、视频和摄像头三个检测模块,具体检测能力依据模型而定。
PMSM滑模控制仿真无位置 永磁电机 可提供文档if启动 如果没有收敛,将1e-4搞小一点 e-6或者e-5试下 本次滑模模型文档包括: 1 simulink界面调整,由于使用这个仿真的时候很可能会出现因为软件环境不同导致无法使用, 或者导致的波形错误,特写了一个关于参数界面的设置,按照那个设置,结合主框图,能够 避免使用出问题。 2 波形记录,将转速波形,转矩波形,位置估计+实际位置波形,三项定子电流波形, 给定转速(蓝绿色)+实际转速(红色)+估算转速(蓝色) 3 另外仿真程序内部,里面标注了各个功能模块的位置及部分原理。 4 lunwen的话推荐看 13 16 开头的lunwen,其他的可以拓展性的看。
构建使用jQuery组件DataTables.net的Asp.Net 8 MVC应用程序的实用指南。
内容概要:文章探讨了皮层微创脑机接口(BCI)传感器作为神经电信号采集与调控装置,在临床上的应用现状与科研进展,并分析了传感器在未来可能的发展趋势和技术革新点。介绍了现有商业化及实验级别的电极器材,并讨论了其如何进一步向着高通量、软界面与更持久的生命设计演化。 适合人群:神经工程专业科研工作者,尤其是关注BCI传感器领域的研究生、教师和其他相关专业的科研人士。 使用场景及目标:旨在增进从业者对于皮层微创BCI的理解,特别是传感器的设计、制作工艺和未来可能的方向;有助于科研与产品研发。 其他说明:文章还强调了技术创新在材料与设计理念层面的重要性,为BCI传感器在实际医疗与神经科研中发挥作用打下了坚实的基础。
基于python实现的社会力模型仿真+源码+文档,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用,详情见md文档~ 基于python实现的社会力模型仿真+源码+文档,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用,详情见md文档~ 基于python实现的社会力模型仿真+源码+文档,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用,详情见md文档~ 基于python实现的社会力模型仿真+源码+文档,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用,详情见md文档~ 基于python实现的社会力模型仿真+源码+文档,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用,详情见md文档~ 基于python实现的社会力模型仿真+源码+文档,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用,详情见md文档~
2024.9.18 作业
Python环境一键安装脚本,适用于Linux_lxspacepy
昕一 - 一样的月光 [qmms2].mp3
1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手
http服务器的实现.7z
高校奖学金管理系统的主要实现功能包括:管理员:首页、个人中心、学生管理、辅导员管理、教务处管理、奖学金类型管理、奖学金信息管理、学生成绩管理、奖惩信息管理、奖学金申请管理、公告信息管理。学生:首页、个人中心、奖学金信息管理、学生成绩管理、奖惩信息管理、奖学金申请管理、公告信息管理,辅导员;首页、个人中心、学生管理、学生成绩管理、奖惩信息管理、奖学金申请管理、公告信息管理,教务处;首页、个人中心、学生管理、学生成绩管理、奖惩信息管理、奖学金申请管理、公告信息管理 项目关键技术 开发工具:IDEA 、Eclipse 编程语言: Java 数据库: MySQL5.7+ 后端技术:ssm 前端技术:Vue 关键技术:springboot、SSM、vue、MYSQL、MAVEN 数据库工具:Navicat、SQLyog
Palo Alto Networks PA-220 管理员指导手册