最基础的核心功能 如运算符(+-*/等) 控制流程语句(if,for,while等) 等等我就不说了. 这是最最基本的知识.
BOM知识
BOM Browser Object Model 浏览器对象模型.
window对象是BOM最重要的对象. 我们可以简单的把一个IE窗口理解为一个window对象.
window.location
window.history
window.screen
window.document
这个是我们最常用的
事件
其实挺简单的,但要记住事件的驱动有两模式, "冒泡"与"捕获"
冒泡: 激活顺序是事件从它(事件)触发点开始向上层逐级冒泡(触活)直至document(上面所说的window.document)为止.
捕获: 激活顺序与冒泡相反,事伯从第一层(document)逐级向下直止找到最终的事件激活目标.
上面两个概念看过去是麻烦,我们只要记住一般都用"冒泡"就可以了.
DOM
DOM Document Object Model 文档对象模型.
我非常喜欢这个功能(模型), 因为她实现了WEB界面的千变万化.(个人想法)
window.document 就是 ......
/**
* 表格排序(单个表格，降序)
* @example
* <code>
* <table is_sort="1">
* <tr>
* <th><a href="javascript:void(0)" mce_href="javascript:void(0)" onclick="table_sort(0, 0)">field1</a></th>
* <th><a href="javascript:void(0)" mce_href="javascript:void(0)" onclick="table_sort(1, 1, 1)">field2</a></th>
* </tr>
*
* <!-- 此tr不会参与排序 -->
* <tr>
* <th>...</th>
* <td>...</td>
* </tr>
*
* <!-- 此tr参与排序 is_sort属性 sort_val属性 -->
* <tr is_sort="1">
* <th sort_val="val1">...</th>
* <th sort_val="val2">...</th>
* </tr>
* ...
* </table>
* </code>
* @param int index 需要排序的列（从0开始）
* @param int is_desc 是否降序
* @param int is_int 是否需要将排序值转换成int类型
* @return void
*/
function table_sort(index, is_desc, is_int)
{
$('table[is_sort=1] ......
方案一：
// html & JavaScript
...
<button value="Click me"
onclick="window.navigate('app:command&arg1=1&arg2=2')" />
...
// C++: 响应 的消息函数OnBeforeNavigat2
virtual void OnBeforeNavigate2( LPCTSTR lpszURL, DWORD nFlags, LPCTSTR lpszTargetFrameName,
CByteArray& baPostedData, LPCTSTR lpszHeaders, BOOL* pbCancel );
// C++ code goes here
CXXXDlg::OnBeforeNavigate2( LPCTSTR lpszURL, DWORD nFlags, LPCTSTR lpszTargetFrameName,
CByteArray& baPostedData, LPCTSTR lpszHeaders, BOOL* pbCancel )
{
CString strUrl = lpszURL;
if(strUrl.Left(4) == _T("app:"))
{
// cancel the common url navigate and call your c++ code here
*pbCancel = TURE;
// call other c++ function here or parse the argument in the strUrl
}
// go common url navigate here
}
方案二：
// html & javaScript
...
function CallCpp()
{
alert('start to call cpp here');
window.external.JavaScriptCallC ......
方案一：
// html & JavaScript
...
<button value="Click me"
onclick="window.navigate('app:command&arg1=1&arg2=2')" />
...
// C++: 响应 的消息函数OnBeforeNavigat2
virtual void OnBeforeNavigate2( LPCTSTR lpszURL, DWORD nFlags, LPCTSTR lpszTargetFrameName,
CByteArray& baPostedData, LPCTSTR lpszHeaders, BOOL* pbCancel );
// C++ code goes here
CXXXDlg::OnBeforeNavigate2( LPCTSTR lpszURL, DWORD nFlags, LPCTSTR lpszTargetFrameName,
CByteArray& baPostedData, LPCTSTR lpszHeaders, BOOL* pbCancel )
{
CString strUrl = lpszURL;
if(strUrl.Left(4) == _T("app:"))
{
// cancel the common url navigate and call your c++ code here
*pbCancel = TURE;
// call other c++ function here or parse the argument in the strUrl
}
// go common url navigate here
}
方案二：
// html & javaScript
...
function CallCpp()
{
alert('start to call cpp here');
window.external.JavaScriptCallC ......
1、对象的分级体系
每个HTML文档被装入浏览器中时浏览器就创建了一系列分级的对象体系，此体系反映了HTML文档的属性.
在每一个HTML页中含有下面的对象：
navigator：含有正在使用的Navigator的名称、版本属性，客户端支持的MIME类型属性，客户端安装的"插件"类型。
window：最高等级的对象，拥有整个窗口的属性;在每一个Frame中的"子窗口"也有相应的window对象。
document：包含基于文档内容的属性，如title、backgroundcolor、links和form等。
location：含有基于当前的URL的属性。
history：包含客户机先前已经请求过的URL。
在引用属性时，必须指定属性的所有祖先。例如，引用表单MyForm中的Text1的Value，必须写成：
document.MyForm.Text1.Value
2、关键的浏览器对象
在HTML页中，最有用的JavaScript对象有：window、Frame、document、Form、location、history和navigator对象。在这里分别讲一讲这些对象。
window和Frame对象
window对象是HTML文档的所有其他对象的祖先对象，是浏览器的窗口和窗口属性的集合。当在一个WEB页中用FRAME和 FRAMESET定义了多个桢后，每个桢对应一个Frame对象。Frame对象� ......
在线编辑内容的时候，那些基于 JavaScript 的编辑器帮了我们大忙，这些所见即所得（WYSIWYG）编辑器，给我们提供了类似 Office 的操作体验。如今，任何网站内容管理系统（CMS）和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript 的编辑器，它们有的是基于 jQuery 框架，有点则不是。
MarkitUp - jQuery
Official Website
| Demo
功能不是很多，但很轻量，很灵活。打包后只有6.5K大小。
jWYSIWYG - jQuery
Official Website
| Demo
非常基本的编辑器，简单为本。打包后只有7K。
Lightweight RTE- jQuery
Official Website
| Demo
简单到不能再简单，很容易自己修改。
HTMLBox - jQuery
Official Website
| Demo
跨浏览器，开源，基于 jQuery。可以很容易同各种 CMS，论坛，留言本，博客等系统集成。
D Small Rich Text Editor - jQuery
Official Website
| Demo
基于 iframe 对象。
WYMEditor - jQuery
Official Website
| Demo
TinyMCE - non-jQuery
Official Website
| Demo
最经典的基于 JavaScript 的编辑器，COMSHARP CMS 默认的编辑器就是这个。
fckeditor - Non-jQuery
Official Website
| Demo
功能非常强大� ......
///
<summary>
///
一些常用的Javascript方法
///
</summary>
public
static
class
Jscript
{
///
<summary>
///
弹出提示框
///
</summary>
public
static
void
Alert(Page page,
string
msg)
{
string
js
=
@"
alert('
"
+
msg
+
"
')
"
;
if
(
!
page.ClientScript.IsStartupScriptRegistered(page.GetType(),
"
Alert
"
))
page.ClientScript.RegisterStartupScript(page.GetType(),
"
Alert
"
, js,
true
);
}
///
<summary>
///
弹出提示框并跳转到指定页面
///
</summary>
public
static
void
AlertAndRedirect(Page page,
string
msg,
string
ToURL)
{
string
js
=
@"
alert('{0}');window.location.replace('{1}');
"
;
......
最新文章 : javascript