十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
是想在js里动态添加吗? 一般有两种方式:
宝塔网站制作公司哪家好,找成都创新互联!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。成都创新互联成立与2013年到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。
1。加载时就有该按钮,但是设置不显示,需要时再显示该按钮
2。往指定的区域添加按钮
第2种如果是借助JQuery更简单实现,这里是一个用原生js实现的示例:
html
head
title/title
script type="text/javascript"
function addButton(){
var html ="input type=\"button\" value=\"新加\" onclick=\"newButton();\"";
document.getElementById("add").innerHTML=html;
}
function newButton(){
alert("我是新加的按钮");
}
/script
/head
body
div
p点击该按钮增加一个新按钮/p
input type="button" value="点击增加" onclick="addButton();"
p新增的按钮在这显示/p
div id="add"/div
/div
/body
/html
借助JQuery更简单实现,这里是一个用原生javascript实现的示例:
html
head
title/title
script type="text/javascript"
function addButton(){
var html ="input type=\"button\" value=\"新加\" onclick=\"newButton();\"";
document.getElementById("add").innerHTML=html;
}
function newButton(){
alert("我是新加的按钮");
}
/script
/head
body
div
p点击该按钮增加一个新按钮/p
input type="button" value="点击增加" onclick="addButton();"
p新增的按钮在这显示/p
div id="add"/div
/div
/body
/html
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。
它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
原理
用JS来点击按钮需要分2步,第一步是选中按钮的元素,第二步是使用元素自带的click函数。
例如接下来我将要演示的例子中,仅用
document.getElementById("btn").click()
一行就可以控制按钮点击。
其中document.getElementById("btn")是根究id获取按钮的元素,click()是使按钮被点击一次。
演示
这是我为此问题专门写的在线演示页面点击按钮演示页面。
页面结构如图
首先点击右下角打开控制台
然后输入
document.getElementById("btn").click()
这行代码
按回车运行代码即可弹出一行提示,说明按钮被点击。你可以用鼠标点击一下按钮,也是这个效果。
javascript中的location.href有很多种用法,主要如下:
self.location.href="/url" 当前页面打开URL页面
location.href="/url" 当前页面打开URL页面
windows.location.href="/url" 当前页面打开URL页面,前面三个用法相同
this.location.href="/url" 当前页面打开URL页面
parent.location.href="/url" 在父页面打开新页面
top.location.href="/url" 在顶层页面打开新页面