先布局 把第一行和子菜单做出来。然后把子菜单display:none;给第一行在js里做点击事件。var a=documentgetElementByid("diyihang"); a.onclick = function(){ var s= document.getElementByid(itmes) ; s.style.display="block"}然后给子菜单做点击事件。function selected(a){ var d= document.GetelementById(itmes); d.style.display="none"; var text=a.innerText; document.getElementById("diyihang").innertext=text; ...
手工创建tomcat应用:1、在webapps下面新建应用目录文件夹2、在文件夹下创建或是从其他应用中复制:META-INF,WEB-INF这两个文件夹,其中META-INF清空里面,WEB-INF里面只保留web.xml,并清空webapp标签内全部内容因为tomcat应用必须要有这步的东西,而且格式还要一致3、现在可任意加网页文件或js,css文件,只要查对地址正确即可访问。 js读取本地文件内容:只有在服务端才可以读取本地内容,client方式无法获取。$.get("文件名.扩...
一个网站上的cookie信息可以实现下次自动登录,记录你的历史等等可以在火狐浏览器查看本地代码的cookie信息:打开火狐浏览器--点击右键--查看页面信息--安全--查看cookie <!DOCTYPE html><html><head><title>Cookie</title></head><script type="text/javascript">/* var oDate=new Date();oDate.setDate(oDate.getDate()+30);document.cookie="user=blue;expires=";// document.cookie="pass=123";*///alert(document.cookie);...
Ember.js、Backbone.js、Knockout.js、Spine.js、Batman.js , Angular.js前端中的MVVM设计模式让UI与数据模型可以很轻松的相互更新,这意味着开发人员只需要关注数据模型即可轻松的完成复杂的交互需求。可参考:http://www.cnblogs.com/aaronjs/p/3141553.html http://www.angularjs.cn/tag/AngularJS原文:http://www.cnblogs.com/renzaijianghu/p/4104751.html
最近拜读了曾探所著的《JavaScript设计模式与开发应用》一书,在读到发布-订阅模式一章时,作者不仅给出了基本模式的通用版本的发布-订阅模式的代码,最后还做出了扩展,给该模式增加了离线空间功能和命名空间功能,以达到先发布再订阅的功能和防止名称冲突的效果。但是令人感到遗憾的是最终代码并没有给出足够的注释。这让像我一样的小白就感到非常的困惑,于是我将这份最终代码仔细研究了一下,并给出了自己的一些理解,鉴于能力...
javaScript应用之点击图片后放大 在我们浏览图片的时候,会碰到这样一个问题,由于我们在浏览很多图片的时候突然想有个很喜欢的图片,很想仔细看看,但是图片却非常的小,无法看清楚,而我们一点击,图片就放大了,很清除的展现在了我们的面前。 这是网络前端中,我们应用javaScript来写出来的,先来看看我做好的效果是什么样子的 比如这就是我们的浏览的众多的图片中其中一个,而我们在看到这个阿童木图片的时候,...
队列与栈不同,它遵从先进先出(FIFO——First In First Out)原则,新添加的元素排在队列的尾部,元素只能从队列头部移除。 我们在前一篇文章中描述了如何用JavaScript来实现栈这种数据结构,这里我们对应地来实现队列。function Queue() {let items = [];// 向队列添加元素(一个或多个)this.enqueue = function (element) {if (element instanceof Array) items = items.concat(element);else items.push(element);};// 从队...
一、调用函数例:<html>
<head>
<title></title>
<script language="javascript" type="text/script">
function text() {
alert("该函数被调用了");
}
</script>
</head>
<body>
<input type="button" value="点击此按钮" onclick="text()">
</body>
</html>confirm消息对话框自定义函数例子:function text2(){
var sex=confirm("点击“确定”是男,点击“取消”是女");
if(sex==true){
alert(你是男);
...
javascript脚本语言是一门基于面向对象的编程语言。关于面向对象,通过前边C#、C++的学习我们都了解过,它一般有三个特点:封装、继承、多态。而javascript不是严格意义上的面向对象,它支持一些预定义对象支持的简单对象模型。javascript的对象由属性和方法两个基本元素组成,接下来就了解一下javascript的几个主要的对象。一、浏览器内部对象1.Navigator对象2.Location对象3.Window对象4.Document对象5.History对象二、内置对象和...
在JavaScript中,方法往往涉及到上下文,也就是this,因此往往不能直接引用,就拿最常见的console.log("info…")来说,避免书写冗长的console,直接用log("info…")代替,不假思索的会想到如下语法:1var log = console.log;
2 log("info…"); 很遗憾,运行报错:TypeError: Illegal invocation。 为啥呢?对于console.log("info…")而言,log方法在console对象上调用,因此log方法中的this指向console对象;而我们用log变...
在我平时开发网页的过程中,可能涉及到浏览器本地的存储,现在主流的浏览器存储方式有:cookie,直接读取xml,userData,H5 的LocalStorage等,Cookie存储数据有限,但对于数据量不大的时候操作还是比较方便的, 今天我们先介绍一下cookie的使用,以及我后面简单封装一个cookie操作的单例,便于实现cookie的设置,获取,删除的方法。Cookie操作代码--下面这个例子主要是实现在网页打开的时候弹出一个提示框,但第二次以后刷新网页不...
[源码下载]重新想象 Windows 8.1 Store Apps (80) - 控件增强: WebView 之基本应用, POST 数据, 与 JavaScript 交互作者:webabcd介绍重新想象 Windows 8.1 Store Apps 之控件增强WebView 的基本应用WebView 通过 POST 请求和 HTTP 头加载 urlWebView 与 JavaScript 交互示例1、演示 WebView 的基本应用WebView/Demo.xaml<Pagex:Class="Windows81.Controls.WebView.Demo"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/pres...
基础语法JavaScript,弱类型脚本语言,增强交互和用户体验提高效率等。JavaScript=ECMAScript+JavaScript特有的内容(BOM对象+DOM对象)ECMAScript:与html结合:内部JS(script标签定义,在html文档内部,按位置先后执行),外部JS(script标签引入src元素),注释:当行//,多行/**/,数据类型:原始数据类型(基本,number[整数,小数,NaN not a number],string,boolean,null,undefined),引用数据类型(对象)变量,var定...
简要介绍: 之前手头的一个项目需要去做一个左侧的树形菜单,右侧则是一个整体的iframe,从而构成一个整体的网站。一开始是打算用bootstrap的tree-view插件,直接把菜单的数据传过去就好了,结果后来项目又改了需求,菜单的内容和图表都是后台动态生成的,所以只能放弃使用bootstrap插件,自己着手写了一个树形菜单。本文主要分两部分讲,一个是对于bootstrap的treeview的实践,另一部分是介绍自己写的树形菜单。 bootstrap...
定时器:(延迟器) 用以指定在一段特定的时间后执行某段程序。setTimeout():(1.0版) 格式: [定时器对象名=] setTimeout(“<表达式>”,毫秒) 功能:执行<表达式>一次。 <SCRIPT LANGUAGE="JavaScript"> setTimeout("confirm(‘123456‘)",1000); </SCRIPT> <script language="JavaScript" type="text/javascript"> function count() { setTimeout("alert(‘三秒到了‘)",3000) } </Sc...