关于JavaScript中动态加载link标签的说明

在编写网页时,样式文件的引入常常需要使用link标签,该标签除了可以在head标签内直接添加外,还可以在网页运行过程中通过JavaScript动态加载:

// 定义样式文件加载完成回调方法
var callback = function () {
    alert("样式文件加载完成");
};
// 定义要加载的样式文件地址
var url = "style.css";
// 创建link标签
var link = document.createElement("link");
// 设置link标签属性
link.rel = "stylesheet";
link.type = "text/css";
link.media = "screen";
link.href = url;
// 将link标签添加到head标签内
document.getElementsByTagName("head")[0].appendChild(link);
// 触发自定义的样式文件加载完成回调方法
if (typeof (callback) == "function") {
    callback.apply(link);
}

关于JavaScript中动态加载script标签的说明

在使用JavaScript开发时,有时除了需要在head标签内直接引入script标签外,还会需要根据代码逻辑的执行状态去动态引入script脚本,并且我们也可能希望在脚本文件加载完成后触发我们需要运行的function。
我们可以通过以下两种方法实现:

一、使用标准DOM方法:

// 定义脚本加载完成回调方法
var callback = function () {
    alert("脚本加载完成");
};
// 定义要加载的脚本地址
var url = "script.js";
// 定义判断脚本是否加载完成的标识
var done = false;
// 创建script标签
var script = document.createElement("script");
// 设置script标签属性
script.type = "text/javascript";
script.language = "javascript";
script.src = url;
// 绑定脚本加载完成事件
script.onload = script.onreadystatechange = function () {
    // 判断脚本是否加载完成并且事件未触发过
    if (!done && (!script.readyState || script.readyState == "loaded" || script.readyState == "complete")) {
        // 标识脚本事件已触发过一次
        done = true;
        // 移除脚本加载完成事件
        script.onload = script.onreadystatechange = null;
        // 触发自定义的脚本加载完成回调方法
        if (typeof (callback) == "function") {
            callback.apply(script);
        }
    }
};
// 将script标签添加到head标签内
document.getElementsByTagName("head")[0].appendChild(script);

二、使用jQuery框架方法:

// 定义脚本加载完成回调方法
var callback = function () {
    alert("脚本加载完成");
};
// 定义要加载的脚本地址
var url = "script.js";
// 使用jQuery的ajax方法加载script脚本
jQuery.ajax({
    url: url,
    type: "GET",
    dataType: "script",
    success: function () {
        // 触发自定义的脚本加载完成回调方法
        if (typeof (callback) == "function") {
            callback.apply(this, arguments);
        }
    }
});

关于C#中换算像素和毫米的说明

在C#中是以像素作为尺寸单位的,像素是一种相对的尺寸概念,与毫米的转换跟当前显示器的分辨率有关,在不同分辨率下转换的系数也不同。
借助C#中的GDI可以实现像素与毫米的换算:

一、根据Win32 API定义函数获取显示器设备信息:

/// <summary>
/// 获取设备信息
/// </summary>
/// <param name="hdc">要查询设备的句柄</param>
/// <param name="index">设备信息所在的索引值</param>
/// <returns>返回对应索引值上的设备信息</returns>
[DllImport("gdi32.dll")]
private static extern int GetDeviceCaps(IntPtr hdc, int index);

二、根据显示器设备信息计算像素与毫米的换算比率:

// 定义获取Graphics对象所需的控件
Panel panel = new Panel();
// 根据控件所在句柄获取Graphics对象
Graphics graphics = Graphics.FromHwnd(panel.Handle);
// 获取设备句柄
IntPtr hdc = graphics.GetHdc();
// 获取屏幕宽度(毫米)HORZSIZE
int width = GetDeviceCaps(hdc, 4);
// 获取屏幕高度(毫米)VERTSIZE
int height = GetDeviceCaps(hdc, 6);
// 获取屏幕宽度(像素)HORZRES
int xPixels = GetDeviceCaps(hdc, 8);
// 获取屏幕高度(像素)VERTRES
int yPixels = GetDeviceCaps(hdc, 10);
// 释放设备句柄
graphics.ReleaseHdc(hdc);
// 释放Graphics对象
graphics.Dispose();
// 计算X轴方向像素与毫米的比率
double xRate = (double)xPixels / (double)width;
// 计算Y轴方向像素与毫米的比率
double yRate = (double)yPixels / (double)height;

三、像素数换算为毫米数:

// 定义要换算的毫米数
double millimeter = 10;
// 计算X轴方向像素数
int xPixel = (int)Math.Round(xRate * millimeter);
// 计算Y轴方向像素数
int yPixel = (int)Math.Round(yRate * millimeter);

四、毫米数换算为像素数:

// 定义要换算的像素数
int pixel = 10;
// 计算X轴方向毫米数
double xMillimeter = pixel / xRate;
// 计算Y轴方向毫米数
double yMillimeter = pixel / yRate;

更多信息请参阅:GetDeviceCaps function (Windows)

关于JavaScript中判断终端类型的说明

一、定义浏览器终端类型对象:

// 定义终端浏览器对象
(function (window, undefined) {
    // 获取userAgent对象
    var u = navigator.userAgent;
    // 获取终端浏览器对象
    var browser = window.browser || {};
    // 获取终端浏览器版本信息
    var versions = browser.versions || {
        // IE内核
        trident: u.indexOf("Trident") > -1,
        // Opera内核
        presto: u.indexOf("Presto") > -1,
        // 苹果、谷歌内核
        webKit: u.indexOf("AppleWebKit") > -1,
        // 火狐内核
        gecko: u.indexOf("Gecko") > -1 && u.indexOf("KHTML") == -1,
        // 是否为移动终端
        mobile: !!u.match(/AppleWebKit.*Mobile.*/),
        // IOS终端
        ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
        // Android终端或者UC浏览器
        android: u.indexOf("Android") > -1 || u.indexOf("Linux") > -1,
        // 是否为iPhone或者QQHD浏览器
        iPhone: u.indexOf("iPhone") > -1,
        // 是否iPad
        iPad: u.indexOf("iPad") > -1,
        // 是否Web应该程序,没有头部与底部
        webApp: u.indexOf("Safari") == -1,
        // 语言
        language: (u.browserLanguage || u.language).toLowerCase()
    };
    // 重新赋值终端浏览器版本信息
    browser.versions = versions;
    // 重新赋值终端浏览器对象
    window.browser = browser;
})(window);

可以通过以上定义的browser.versions对象判断是否为对应的终端。

二、判断是否为移动终端:

return browser.versions.mobile || browser.versions.ios || browser.versions.android || browser.versions.iPhone || browser.versions.iPad;

关于JavaScript中Date对象字符串格式化的说明

一、定义Date对象字符串格式化方法:

// 定义全局的Date对象字符串格式化方法
(function (window, undefined) {
    // 判断Date对象字符串格式化方法是否已经定义
    if (typeof (window.dateFormat) == "function") {
        return;
    }
    /**
    * date:需要格式化的Date对象
    * format:格式化规则
    * return:Date对象格式化后的字符串
    */
    window.dateFormat = function (date, format) {
        var o = {
            "M+": date.getMonth() + 1,
            "d+": date.getDate(),
            "H+": date.getHours(),
            "m+": date.getMinutes(),
            "s+": date.getSeconds(),
            "q+": Math.floor((date.getMonth() + 3) / 3),
            "S": date.getMilliseconds()
        };
        if (/(y+)/.test(format)) {
            format = format.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
        }
        for (var k in o) {
            if (new RegExp("(" + k + ")").test(format)) {
                format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
            }
        }
        return format;
    };
})(window);

二、可以同时将字符串格式化方法绑定到Date的原型上:

// 绑定字符串格式化方法到Date的原型上
Date.prototype.format = function (format) {
    return dateFormat(this, format);
};

这样的好处是可以直接通过调用Date实例对象的format方法来达到字符串格式化的效果。

三、参数说明:
date:需要格式化的Date实例对象,当使用原型方法时,直接传递Date的实例对象。

format:格式化规则,取值为字符“y(年)”、“M(月)”、“d(日)”、“H(时)”、“m(分)”、“s(秒)”、“q(季度)”、“S(毫秒)”和其他需要直接显示的字符的组合。其中字符“y”、“M”、“d”、“H”、“m”、“s”、“q”可迭代出现,并且除“y”字符最多可迭代4位外,其他字符最多可迭代2位。当“y”迭代出现时格式化为年份的精度,即“yyyy”表示4位年份,“yy”则表示两位年份;当其他字符迭代出现并且格式化后的字符数未达到迭代数时,将会在格式化后的字符串前面补上缺少位数的“0”字符,如1月采用“M”规则时格式化为“1”,而采用“MM”规则时则格式化为“01”。字符“S”无迭代,单一出现,代表3位毫秒数。

四、调用示例:

// 创建Date对象
var date = new Date();
// 调用全局方法
var format1 = dateFormat(date, "yyyy-MMM-dd"); // 结果:2016-01-11
var format2 = dateFormat(date, "yy-M-d H:m:s.S"); // 结果:16-1-11 8:9:59.456
// 调用原型方法
var format3 = date.format("yyyy/MM/dd HH:mm:ss"); // 结果:2016/01/11 08:09:59
var format4 = date.format("yyyy年q季度"); // 结果:2016年1季度