js简单显示和隐藏div，触发超链接，动态更改button值，setInterval（）简单使用，jquery easyui弹出框简单使用 .
js简单显示和隐藏div
.<!DOCTYPE html>
.<html>
.<head>
.<meta charset="UTF-8">
.<title>Insert title here</title>
.<script type="text/javascript">
. window.onload=function(){
. document.getElementById("hi1").onclick = function(){
. document.getElementById("d").style.display='block';
. };
. document.getElementById("hi2").onclick = function(){
. document.getElementById("d").style.display='none';
. };
. }
.</script>
.<style type="text/css">
. #d{
. display: none;
. color: red;
. }
.</style>
.</head>
.<body>
. 显示<input id="hi1" type="radio" name="hi"/>隐藏<input id="hi2" type="radio" name="hi"/>
. <div id="d">这是要显示和隐藏的数据</div>
.</body>
.</html>
js触发超链接
.<!DOCTYPE html>
.<html>
.<head>
.<meta charset="UTF-8">
.<title>Insert title here</title>
.</head>
.<body>
.<input type="button" id="button" value="控制超链接" onclick="fun()"/>
.<a href="myjs.html" id="aa">跳转到</a>
.</body>
.<script type="text/javascript">
. function fun(){
. var link = document.getElementById("aa").href;
. window.location.href = link;
. }
.</script>
.</html>
隐藏显示div，动态更改button值
.<!DOCTYPE html>
.<html>
.<head>
.<meta charset="UTF-8">
.<title>Insert title here</title>
.<style type="text/css">
. #hi{
. display: none;
. }
.</style>
.<script type="text/javascript">
. window.onload=function(){
. ;
. document.getElementById("bu").onclick=function(){
. ==){
. document.getElementById("bu").value="Click to hidden answer";
. document.getElementById("hi").style.display = 'block';
. }else{
. document.getElementById("bu").value="Click to see the answer";
. document.getElementById("hi").style.display = 'none';
. }
. i++;
. };
. };
.</script>
.</head>
.<body>
.<input type="button" id="bu" value="Click to see the answer"/>
.<div id="hi">
. This is the answer.
.</div>
.</body>
.</html>
setInterval()使用，（如果没有效果，可以在第一个参数后面加上;试试，如setInterval("changeTime();",50)）
. <html>
. <head>
. <script>
. );//第二个参数以毫秒为单位
. function changeTime(){
. var d = new Date();
. document.getElementById()+"月"+d.getDate()+"日 "+d.getHours()+"时"+d.getMinutes()+"分"+d.getSeconds()+"秒";
. }
.
. </script>
. </head>
. <body>
.<input type="/>
.</body>
.</html>
jQuery easyui弹出框
.<!DOCTYPE html>
.<html>
.<head>
. <meta charset="utf-8">
. <title>ComboBox Actions - jQuery EasyUI Demo</title>
. <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
. <link rel="stylesheet" type="text/css" href="../../themes/icon.css">
. <link rel="stylesheet" type="text/css" href="../demo.css">
. <script type="text/javascript" src="../../jquery.min.js"></script>
. <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
.</head>
.<body>
. <h2>ComboBox</h2>
. <p>Click the buttons below to perform actions.</p>
.
. <div style="margin:20px 0;">
. <a href="javascript:void(0)" class="easyui-linkbutton" onclick="setvalue()">SetValue</a>
. <a href="javascript:void(0)" class="easyui-linkbutton" onclick="alert($('#state').combobox('getValue'))">GetValue</a>
. <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#state').combobox('disable')">Disable</a>
. <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#state').combobox('enable')">Enable</a>
. </div>
. <script type="text/javascript">
. var i ;
. function setvalue(){
. /*
26. $.messager.prompt('SetValue','Please input the value(CO,NV,UT,etc):',function(v){
27. if (v){
28. $.messager.show(
29. {
30. title: "电脑监测",
31. msg: "CPU温度过高，请浇凉水",
32. showType: 'fade',
33. timeout: 5000
34. }
35. );
36. }
37. });
38.
39. $.messager.alert(
40. '这是一个警告框','cpu温度过高','warning',function(){
41. }
42. );
43.
44. $.messager.confirm("删除确认","确定要删除吗？",function(data){
45. i=data;
46. alert(i);
47. });
48. */
. $.messager.prompt("输入框","请输入一个数字",function(data){
. $.messager.alert("输入提示框","您输入的数字是："+data,'info');
. });
. }
. </script>
.
.</body>
.</html>
如果出现乱码，首先查看页面中是否设置了编码，如果页面中设置了编码uft-8，则可以用记事本打开文件，另存为，查看文件的编码是否和页面编码相同，即是否为utf-8，如果不是，则可以选择utf--8进行保存。乱码即可解决，如果还未解决，则可先以utf-8格式建立一个html文件，然后将出现乱码并且页面编码为utf-8的html内容拷贝进来，则乱码可被解决。
js简单显示和隐藏div，触发超链接，动态更改button值，setInterval（）简单使用，jquery easyui弹出框简单使用 .的更多相关文章
- JS 实现显示和隐藏div（以百度地图为例）
主要参考的文章:https://my.oschina.net/xsh1208/blog/215811,https://zhidao.baidu.com/question/568774688.html ...
- popOver 弹出框简单使用
1.仿QQ弹出框 1.1用到的知识点 1.1.1如何调整弹出框的大小(这里弹出的也是控制器) 这里已经有讲解过http://blog.csdn.net/iostiannan/article/detai ...
- easyui 弹出框调用外部js函数 提示“Microsoft JScript 运行时错误: 缺少对象”
昨天遇见一个很诡异的问题 我用easyui做了一个网站,其中有一个a页面和一个b页面,我通过easyui的window功能,在a页面中弹出了一个b页面,在b页面中,我用到了一个外部js的函数c,我在b ...
- Django：popup弹出框简单应用实例
效果:在p1.html页面点击,弹出p2的弹出框,填写数据,在 popup_response页面处理数据 1.url设置 urlpatterns = patterns( url(r'^p1.html' ...
- JS组件系列——Bootstrap寒冬暖身篇：弹出框和提示框效果以及代码展示
前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的 ...
- JS组件Bootstrap实现弹出框和提示框效果代码
这篇文章主要介绍了JS组件Bootstrap实现弹出框和提示框效果代码,对弹出框和提示框感兴趣的小伙伴们可以参考一下 前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编 ...
- 原生Js封装的弹出框-弹出窗口-页面居中-多状态可选
原生Js封装的弹出框-弹出窗口-页面居中-多状态可选 实现了一下功能: 1.title可自定义 可拖拽 2.width height可以自定义 3.背景遮罩和透明度可以自定义 4.可以自己编辑弹出 ...
- JavaScript网站设计实践（四）编写about.html页面，利用JavaScript和DOM，选择性的显示和隐藏DIV元素
一.现在我们在网站设计(三)的基础上,来编写about.html页面. 这个页面要用到的知识点是利用JavaScript和DOM实现选择性地显示和隐藏某些DIV about.html页面在前面我们为了 ...
- Js控制显示、隐藏文本框中的密码
Js控制显示.隐藏文本框中的密码,也可称为是一款小型的JavaScript星号密码破解器,点击会显示出密码类型的文本框中的真实信息,再次点击则还原,程序 主要是获取HTML元素对象,然后强制更改元素属 ...
随机推荐
- SQL数据库的基本语句
1.修改字段类型语句: alter table 表名 alter column 列名 类型 例如: alter table D alter column no char(15): 2.从其他地方插 ...
- LVS 三种工作模式原理、以及优缺点比较（转载）
原文地址:http://9ilinux.com/149.html 一.NAT模式(VS-NAT) 原理:就是把客户端发来的数据包的IP头的目的地址,在负载均衡器上换成其中一台RS的IP地址,并发至此R ...
- AchartEngine 的学习
第一步:我使用的事AchartEngine 1.1.0 的包.大家要先下在这个包,放到项目中,创建一个lib文件夹.然后倒金项目中去.然后再AndroidManifest.xml 中需要注册一下代码是 ...
- 如何在Crystal Portlet中正确返回JSON数据给AJAX请求？
当Crystal Portlet中需要采用Ajax请求,并让后台返回Json数据时,如何才能正确.方便的返回Json数据呢? 以下两种方法均可: 方法一:Ajax请求时,采用RenderURL,对应P ...
- windows安装python
1:首先去python网站下载安装包:https://www.python.org/downloads/,注意自己的系统版本 2:在自己指定目录安装即可: 3:将python路径加入PATH环境变量: ...
- 廖雪峰js教程笔记4 sort排序的一些坑
排序算法 排序也是在程序中经常用到的算法.无论使用冒泡排序还是快速排序,排序的核心是比较两个元素的大小.如果是数字,我们可以直接比较,但如果是字符串或者两个对象呢?直接比较数学上的大小是没有意义的,因 ...
- no-jquery 02 DOM
DOM Manipulation Creating Elements // IE 5.5+ document.createElement('div'); Inserting Elements Befo ...
- 疯狂java学习笔记之面向对象(五) - 封装、继承、多态
一.封装: 封装的概念: - 合理的隐藏:隐藏不想被外界操作的Field.方法.构造器 - 合理的暴露:一般就是希望给别人调用的方法 e.g:显示器(按键暴露出来操作,但实际的东西/细节方法被隐藏起来 ...
- document.images、document.forms、doucument.links——>HTMLCollection
由于历史原因,HTMLDocument类定义了一些快捷属性来访问各种各样的节点.例如,images.forms.links等属性指向香味类似只读数组的<img>.<form>. ...
- JavaScript定时器
定时器 开启定时器 Setinterval间隔型 每隔一段时间重复的执行 SetTimeout延时型 只执行一次 两种定时器的区别 <!DOCTYPE html> <htm ...