js 点击按钮,出现对应的内容

按钮切换显示不同的内容(js控制)

今天项目发现了一个jsp页面按钮切换,下面展示模块的不同显示问题,看到同事修改完之后的效果,js控制感觉特写好,所以想写把这个好的方法js记录下来,以便以后的参考. 一:先上图,了解大概的样子,如下图点击是的时候,下面块中的内容显示出来,同时框中的值设置为默认的值,不让自己选择输入:点击否的时候,下面的内容消失. 二.下面展示js控制的部分: /** * 产品后续交易(是否可转让)处理 */ //是否可转让 var isInvestTransferable = eval("${product.

JS点击按钮弹出窗口

由于没有系统学习过JS,遇到一个需求:点击按钮,弹出一个独立的窗口. 在网上百度了一下,并没有找到满意的结果,最重要的是各种方法很复杂.最终,仔细研究了一下,原来只是需要只要一个简单的函数就能满足自己的需求:window.open(). window.open() 功能:open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口. 语法: window.open(URL,name,specs,replace) 其中,URL为指定的要打开的页面的url: name,指定target属性或窗

JS点击按钮打开新的独立页面

工作中遇到需要点击按钮弹出一个独立的页面,并显示指定内容的问题,查了一些资料后,得到以下方法: window.open('locationPage.html', '_blank', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no') locationPage.html将在新窗口中打开(_blank属性控制,详细资料见

js点击什么显示什么的内容，隐藏其它和进度条

点击什么显示什么的内容 <div style="width:200px; height:40px"> <div class="yiji" style="background-color:red;" onclick="Show('g')">公告</div> <div class="yiji" style="background-color:#F96;&quo

html js点击按钮滚动跳转定位到页面指定位置（DIV）的方法代码

一:通过html锚点实现滚动定位到页面指定位置(DIV): 如果我们要点击实现跳转的地方是一个html锚点,也就是点击一个A标签超链接实现跳转,可以把A标签的href属性直接指向跳转指定位置的div,代码实现思路如下: <a class="banner" href="/schoolFair/registration#nav"> <a href="#abc">点击跳转</a> <div id=&

js点击按钮为元素随机字体颜色和背景色

文章地址 https://www.cnblogs.com/sandraryan/ 写两个button和一个div,点击按钮分别改变背景色和前景色(字体颜色).产生的是一个随机颜色. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de

js点击按钮复制内容到粘贴板

复制内容到粘贴板,就是要选择需要复制的内容并执行document.execCommand("copy")命令: //复制内容到粘贴板 function copyToClipboard(elemId) { var target = document.getElementById(elemId); // 选择内容 target.focus(); target.setSelectionRange(0, target.value.length); // 复制内容 var succeed; tr

js点击按钮获取验证码倒计时

//发送验证码倒计时 var clock = ''; var nums = 60; var btn; $("#btnGetVerCode").click(function () { var flag = true; var phoneNum = $("#txtPhoneNum").val(); if (phoneNum.length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(14[0-9

[JS] 点击按钮触发后台事件前,弹出确认框

只需要在button中设置onclick属性触发事件即可下面以ASP.NET代码为例, ASP.NET中按钮客户端触发js代码的属性是OnClientClick <asp:Button ID="Button4" Text="刪除" runat="server" OnClientClick="javascript:return confirm('確定刪除?');" /> 效果图: 点击ok则触发服务端后台事件, 点

js点击按钮倒计时setTimeout和setInterval

setTimeout() 用于在指定的毫秒数后调用函数或计算表达式,只执行 code 一次. setInterval() 可按照指定的周期(以毫秒计)来调用函数或计算表达式,不停地调用函数,直到 clearInterval() 被调用或窗口被关闭. 由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数. 代码实现如下 HTML部分 <body> <div class="wrap"> <input type=&

JS 点击按钮后弹出遮罩层，有关闭按钮

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery弹出层效果</title> <meta content="网页特效,特效代码,jQuery,css特效,Js代码,广告幻灯,图片切换" name="keywords" /> <meta content="

Js点击按钮下载文件到本地（兼容多浏览器）

实现点击用纯 js(非jquery) 下载文件到本地自己尝试,加网上找了好久未果,如: window.open(url) location.href=url form表单提交 iframe 体验和浏览器兼容都不完美还是博客园一兄弟给了方法,非常感谢! window.downloadFile = function (sUrl) { //iOS devices do not support downloading. We have to inform user about th

jquery制作图片瀑布流点击按钮加载更多内容

js点击按钮button效果（波效果）

Material Design风格纯js按钮点击波特效演示效果 html部分: <button data-ripple> Demo button 6 </button> css部分: .ripple-container {} .ripple-container .ripple { background-color: rgba(255, 255, 255, 0.4); animation: ripple 2s forwards cubic-bezier(0, 0, 0.2, 1);

jquery +点击按钮，切换div内容,按钮加高亮

html: <div class="dw4"> <span class="dw">单位(次)</span> <div class="time4"> <div class="dat day active4">a</div> <div class="dat month">b</div> </div> &l

JS点击按钮，提示确认后跳转网页,并可传递参数

综合参考: http://jingyan.baidu.com/article/47a29f242b180ac0142399f9.html http://blog.csdn.net/hshl1214/article/details/46744387 <html>  <head> <meta http-equiv="Con

js点击按钮，放大对应图片代码

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <img name="a" src="imgs/index-banner.png"> <img name="b" src="imgs/MORE.png&q

TEXT文本编辑框4 点击按钮读取文本框内容到内表

*&---------------------------------------------------------------------* *& Report ZTEST_CWBK *& *&---------------------------------------------------------------------* *& *& *&-------------------------------------------------

原生js点击按钮切换图片

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态切换图片</title></head><style>ul{ padding:0;margin:0;}li{ list-style: none;} #pic{ position: relative; width: 400px; heig

JS点击按钮下载文件

通过form表单提交: 由于ajax函数的返回类型只有xml.text.json.html等类型,没有“流”类型,所以通过ajax去请求该接口是无法下载文件的,所以我们创建一个新的form元素来请求接口. /*js部分*/ $Btn.click(function(){ var $eleForm = $("<form method='get'></form>"); $eleForm.attr("action","https://cod

js点击按钮保存数据到本地

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>05_淡入淡出动画效果</title> </head> <body> <input id="add" type="button" value="添加" /> &l

js 点击按钮,出现对应的内容

热门专题