Html, Css, Javascript, jQuery, Xml, Xsl, DOM - 随笔分类 - BobLiu

重新认识Javascript的一些误区总结

摘要：1.在函数内有没有var真的不一样下面这样一段代码，在函数abc()中，创建了两个变量a, c，并在函数体之外进行alert，想看看有什么事发生：结果，alert(a)的结果自然不出所料, 报错：未定义这个变量，因为这是一个局部变量, 超出了界限, 自然无法使用.但alert(c)却能成功显示3, 这有点出乎意料, 一直以为var写不写都可以, 还以为写在function中的变量都是局部变量呢!如dolphinX所说的 "变量没有在函数内声明或者声明的时候没有带var就是全局变量，拥有全局作用域，window对象的所有属性拥有全局作用域；在代码任何地方都可以访问，函数内部声明并且以v 阅读全文

posted @ 2014-03-14 11:35 BobLiu 阅读(716) 评论(0) 推荐(0) 编辑

Knockout: radio选项切换引发click事件的一点总结

摘要：1.场景：如下图，当选择定期存款时，输入框右边出现红色的必输项星号，当选择活期存款时，不再出现该星号。2.思路一：不使用knockout，直接用click事件，就可以实现这个需求，代码如下：活期存款定期存款定期几年：年 * 3.思路二：使用Knockout的click事件及监控属性.代码如下：htm 活期存款定期存款定期几年：年 *jsrequire.config({ paths: { "knockout": "../lib/knockout/knockout-2.3.0", "jquery": "../lib/j 阅读全文

posted @ 2014-01-14 23:52 BobLiu 阅读(11081) 评论(3) 推荐(1) 编辑

Knockout与Require框架同时使用时的visible绑定的问题，造成的影响，以及解决的方法。

摘要：Knockout 可以将 visible 绑定到DOM 元素上，使得该元素的hidden 或visible 状态取决于绑定的值。查看以下knockout的描述，http://knockoutjs.com/documentation/visible-binding.htmlWhen the parameter resolves to a false-like value (e.g., the boolean value false, or the numeric value 0, or null, or undefined), the binding sets yourElement.styl. 阅读全文

posted @ 2014-01-08 11:03 BobLiu 阅读(2054) 评论(3) 推荐(1) 编辑

常用代码之八：setTimeout 和 clearTimeout。

摘要：1.先写一个错误的例子： function DealSomething() { //write some code window.setTimeout(function () { alert("已经等待超过10分钟，自动关闭页面。"); }, 600000); }这个例子的行为：不管是否处理完，超过10分钟后，都弹出这个alert框来。2.再看另一个错误的例子，这次使用了clearTimeout函数来清除setTimeout。 function DealSomething() { //write some code var Timer =window.setTimeout( 阅读全文

posted @ 2014-01-07 21:32 BobLiu 阅读(802) 评论(0) 推荐(0) 编辑

常用代码之七：静态htm如何包含header.htm和footer.htm。

摘要：要实现这个有多种解决方案，比如asp, php, 服务器端技术，IFrame等，但本文所记录的仅限于用jQuery和纯htm的解决方案。 content效果图：参考帖子：http://stackoverflow.com/questions/18712338/common-header-and-footer-include-multiple-html-pages 阅读全文

posted @ 2013-11-17 17:17 BobLiu 阅读(4203) 评论(0) 推荐(0) 编辑

Knockout: 让ViewModel从htm中剥离出去。

摘要：在一些Knockout例子中，直接在htm中添加scripts写viewmodel，如何能将让ViewModel从htm中剥离出去呢？从knockout官网上找到了解决方法，如下：1.knockout.htm First name: First name capitalized: 2.init.jsrequire(['knockout-2.1.0', 'appViewModel'], function (ko, appViewModel){ ko.applyBindings(new appViewModel());});3.appViewModel.j... 阅读全文

posted @ 2013-11-13 06:41 BobLiu 阅读(588) 评论(0) 推荐(0) 编辑

常用代码之五：RequireJS, 一个Define需要且只能有一个返回值/对象，一个JS文件里只能放一个Define.

摘要：RequireJS 介绍说一个JS文件里只能放一个Define，这个众所周知，不提。关于Define，它需要有一个返回值/对象，且只能有一个返回值/对象，这一点却是好多帖子没有提到的，但又非常重要的，一不留神就会报错。别的不说了，上代码：1. require.htm代码如下： 2. main.js代码如下：require.config({ paths: { jquery: 'jquery-1.7.2' }});require(["lzd"], function (returnValue) { returnValue.lzd123("asdf&quo 阅读全文

posted @ 2013-11-12 23:20 BobLiu 阅读(13488) 评论(0) 推荐(1) 编辑

常用代码之四：创建jason，jason转换为字符串，字符串转换回jason，c#反序列化jason字符串的几个代码片段

摘要：1.创建jason，并JSON.stringify()将之转换为字符串。直接使用var customer={}, 然后直接customer.属性就可以直接赋值了。也可以var customer = { CustomerName: CustomerName, CustomerAddress: CustomerAddress } 这样创建，它会自动将:前面的CustomerName视作属性名并加上双引号，并将后面的CustomerName当作属性值，读取变量值后也加上双引号，当然，这不如上面的方式面向对象。提交表单前，要使用JSON.stringify()方法将jason对象转换为字符串。 ... 阅读全文

posted @ 2013-10-30 19:45 BobLiu 阅读(3147) 评论(0) 推荐(1) 编辑

常用代码之三：jQuery为按钮绑定事件的代码

摘要：如题，比如有一个按钮：为它添加onclick事件的代码：jQuery("#addHtml").click(function () { alert("a");});或者 jQuery("#addHtml").click(function () { MyMethod(this);});这里MyMethod是我这里的一个js函数。关于这句，有2点需要说明：1.不使用$而使用jQuery符号是避免页面同时引用两种使用$符号的框架(如jQuery和Prototype)引起的符号冲突混乱，这里明确了，就是用jQuery.2.在button元素id 阅读全文

posted @ 2013-10-17 09:12 BobLiu 阅读(7968) 评论(0) 推荐(0) 编辑

测试当前IE浏览器文档模型版本的js代码(使用documenMode)

摘要：除了按F12进入开发人员工具来查看当前页面的浏览器模式和文档模式以外, 还可以通过js来查看当前页面使用的文档模式, 主要就是用文档兼容性模式属性(documenMode)来判断.代码如下: <html> <head> <title>my documentmode version is </title> <META http-equiv="X-UA-Compatible" content="IE=7" > </META> <script language="javas 阅读全文

posted @ 2013-05-08 13:40 BobLiu 阅读(2236) 评论(0) 推荐(1) 编辑

Javascript 数组使用方法总结(转载)

摘要：今天看到一篇帖子，JS中数组Array的用法{转载} http://www.blogjava.net/zks518/archive/2011/06/24/352948.html写的很好，从头到尾做了一遍，push, pop, shift, unshift, splice, slice, sort, join基本上就掌握了。具体代码如下：<script type="text/javascript"> //push写入，pop弹出 var arr = new Array(); arr[0] = "aaa"; arr[1] = "bbb& 阅读全文

posted @ 2013-01-05 12:42 BobLiu 阅读(274) 评论(0) 推荐(0) 编辑

WebBrowser一点心得，如果在Javascript和Winform代码之间实现双向通信

摘要：最近工作需要，学习了一下winform内嵌webbrowser控件，然后与htm页面中的javascript交互调用的技术，因此有了这篇心得。总的来说，javascript与winform的code互相调用，和web开发中javascript与服务器端代码通过ajax互相调用有类似之处。下面就用三个例子来说明：一.将WebBrowser控件放置在winform中，然后，写一个Page1.htm，内容如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><he 阅读全文

posted @ 2012-03-21 07:35 BobLiu 阅读(12200) 评论(10) 推荐(8) 编辑

Javascript点滴

摘要：1.attachEvent<body><button name="test2">test2</button></body><javascript>function attClick()//handler of click event{//process click event}test2.attachEvent("onclick",attClick);</javascript>推荐来源: javascript事件监听, http://www.cnblogs.com/AganCN/ar 阅读全文

posted @ 2012-01-16 14:42 BobLiu 阅读(315) 评论(0) 推荐(0) 编辑

XML DOM

摘要：什么是 DOM？DOM 是 W3C（万维网联盟）的推荐标准。DOM 定义了访问诸如 XML 和 XHTML 文档的标准。“W3C 文档对象模型（DOM）是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。”1.W3C DOM 被分为 3 个不同的部分/级别（parts / levels）：核心 DOM用于任何结构化文档的标准模型XML DOM用于 XML 文档的标准模型HTML DOM用于 HTML 文档的标准模型DOM 定义了所有文档元素的对象和属性，以及访问它们的方法（接口）。2.文本总是存储在文本节点中在 DOM 处理中一个普遍的错误是，认为元素节点阅读全文

posted @ 2011-11-11 15:07 BobLiu 阅读(390) 评论(0) 推荐(0) 编辑

XQuery摘抄

摘要：XQuery ,可以认为是“XML Query”，是W3C为使用简单和统一的语法来访问分布式的信息存储系统例如内容仓库，文件，关系型数据库，和对象仓库而制订的XML标准。XQuery使用XML结构的优势能表达跨越多种类型数据查询的能力。XQuery将成为一种用于描述对XML数据源的查询的语言，具有精确、强大和易用的特点。其支持者认为针对XML的XQuery非常类似针对关系数据库的SQL。对XQuery语言标准的定义工作还停留在W3C候选推荐阶段，而这也是在经过几次迭代后于2005年11月才达到的。XQuery的开发工作与XPath、XSLT 2.0以及XMLSchema的开发工作紧密相关。 W 阅读全文

posted @ 2011-11-11 14:06 BobLiu 阅读(412) 评论(0) 推荐(0) 编辑

XPath 学习笔记

摘要：XPath 是一门在 XML 文档中查找信息的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历。我们将在下面的例子中使用这个 XML 文档。<?xml version="1.0" encoding="ISO-8859-1"?><bookstore><book> <title lang="eng">Harry Potter</title> <price>29.99</price></book><book> <t 阅读全文

posted @ 2011-11-11 13:50 BobLiu 阅读(253) 评论(0) 推荐(0) 编辑

XSL

摘要：创建 XSL 样式表然后创建一个带有转换模板的 XSL 样式表（"cdcatalog.xsl"）：<?xml version="1.0" encoding="ISO-8859-1"?><xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"><xsl:template match="/"> <html> <body> 阅读全文

posted @ 2011-11-10 18:03 BobLiu 阅读(684) 评论(0) 推荐(0) 编辑

CSS学习笔记

摘要：总结一些以前模糊没弄明白的概念.1.display 属性div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。与之相反，span 和 strong 等元素称为“行内元素”，这是因为它们的内容显示在行中，即“行内框”。您可以使用 display属性改变生成的框的类型。这意味着，通过将 display 属性设置为 block，可以让行内元素（比如 <a> 元素）表现得像块级元素一样。还可以通过把 display 设置为 none，让生成的元素根本没有框。这样的话，该框及其所有内容就不再显示，不占用文档中的空间。但是在一种情况下，即使没有进行显式定义，阅读全文

posted @ 2011-11-08 12:34 BobLiu 阅读(180) 评论(0) 推荐(0) 编辑

XHTML

摘要：XHTML 是更严谨更纯净的 HTML 版本。在此教程中，我们会为您讲解 HTML 与 XHTML 之间的差异，同时也会为您展示将该站点升级到 XHTML 的方法。XHTML 是什么？•XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）。•XHTML 的目标是取代 HTML。•XHTML 与 HTML 4.01 几乎是相同的。•XHTML 是更严格更纯净的 HTML 版本。•XHTML 是作为一种 XML 应用被重新定义的 HTML。•XHTML 是一个 W3C 标准。为什么要使用XHTML？我们认为万维网上的许多页面都包含着糟糕的阅读全文

posted @ 2011-11-03 17:35 BobLiu 阅读(179) 评论(0) 推荐(0) 编辑

HTML, CSS, Javascript, jQuery, Stylesheet, Xml之间的关系

摘要：1.CSS是HTML的搭档.在编码过程中，它们发挥不同的作用：HTML负责网页的具体内容（结构），而CSS则修饰网页的表现形式（布局）。CSS有一个优越的特性，即它可以对页面布局进行集中管理。也就是说，你不必在每个标签里都使用style属性；相反，你可以只声明一次，浏览器便会按相应的页面布局效果来显示文本：通过把CSS文档独立出来，你就可以同时对多个页面的布局进行集中管理, 方便统一风格。这也是现在网站上的通行方式, 最佳选择。 2.Javascript是用来给HTML一些操作行为.3.jQuery是用来规范javascript, 结构与行为分离, 不要一团乱麻.从这一点看, 类似jQuery 阅读全文

posted @ 2011-11-03 16:58 BobLiu 阅读(2443) 评论(0) 推荐(0) 编辑

随笔分类 - Html, Css, Javascript, jQuery, Xml, Xsl, DOM