jQuery简单易用的网页内容打印插件jQuery.print
[ 2024-05-10 15:59:41 | 作者: admin ]
使用该网页打印插件要引入jQuery和jquery.print.js文件。
打印内容
可以像下面这样使用来打印页面内容。
$("#myElementId").print(/*options*/);
或者:
$.print("#myElementId" /*, options*/);
配置参数
你可以在调用打印方法时传入一些参数:
阅读全文…
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.print.js"></script>
<script type="text/javascript" src="js/jquery.print.js"></script>
打印内容
可以像下面这样使用来打印页面内容。
$("#myElementId").print(/*options*/);
或者:
$.print("#myElementId" /*, options*/);
配置参数
你可以在调用打印方法时传入一些参数:
$("#myElementId").print({
globalStyles: true,
...globalStyles: true,
阅读全文…
jquery设置display失效问题,当样式中存在!important时无法使用css()、show()或hide()
[ 2024-04-13 22:27:09 | 作者: admin ]
如果使用!important在你的样式中,比如display: none !important,此时就不能用show()了
但是我在查阅资料时发现有这样的解释,
这其实是不对的(也许是因为jquery版本不同的原因)
我查了下官方文档并测试了下,应该是这样:
第一种方法,直接设置style,不能用.css()和.prop()
阅读全文…
但是我在查阅资料时发现有这样的解释,
If using !important in your styles, such as display: none !important, it is necessary to override the style using .css('display', 'block !important') should you wish for .show() to function correctly.
这其实是不对的(也许是因为jquery版本不同的原因)
我查了下官方文档并测试了下,应该是这样:
第一种方法,直接设置style,不能用.css()和.prop()
$("#a1").attr("style","display:block !important");
...阅读全文…
让DIV的滚动条自动滚动到最底部的3种方法
[ 2023-04-08 15:08:18 | 作者: admin ]
要制作一个在线聊天的程序,在做最后的修饰时,需要对获得的信息即时滚动以保证用户总能看到最新消息。
聊天程序是基于AJAX设计的,没有用框架,消息容器是一个DIV,所以问题就在于如何控制DIV的滚动条。
网上有资料介绍说通过设置scrollTop属性来控制滚动条位置,具体可参见:
http://hi.baidu.com/chen1345789/blog/item/de727bfb45587b176d22eba1.html
但同样的代码拿到我这里却完全失效,又仔细查了下资料说XHTML标准下scrollTop的值恒为0,解决办法是使用document.documentElement.scrollTop代替document.body.scrollTop,讲了半天所解决的是整个页面的滚动条。这个方法我是用不了了,因为不是框架结构,所以不可能用body的滚动条控制浏览信息。
...
阅读全文…
聊天程序是基于AJAX设计的,没有用框架,消息容器是一个DIV,所以问题就在于如何控制DIV的滚动条。
网上有资料介绍说通过设置scrollTop属性来控制滚动条位置,具体可参见:
http://hi.baidu.com/chen1345789/blog/item/de727bfb45587b176d22eba1.html
但同样的代码拿到我这里却完全失效,又仔细查了下资料说XHTML标准下scrollTop的值恒为0,解决办法是使用document.documentElement.scrollTop代替document.body.scrollTop,讲了半天所解决的是整个页面的滚动条。这个方法我是用不了了,因为不是框架结构,所以不可能用body的滚动条控制浏览信息。
...
阅读全文…
如何在CSS实现段落首行缩进,但是图片不缩进
[ 2022-12-13 14:13:16 | 作者: admin ]
text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。
#content {
text-indent: 28px;
}
通常段落<p>内会有图片,图片也会随着缩进2个单位,原本居中的图片就会整体靠右,影响排版,有什么办法可以解决这个问题呢,其实text-indent有个属性,其内部元素遇到float或者display: block后就不继承外部这个缩进的属性了,也就是说,只要给图片加上float或者display: block的 CSS 属性后,图片的缩进会自动失效,如果段落里设置了图片居中也会失效,需要重新写个margin:0 auto,写法如下text-indent: 28px;
}
#content img {
display: block; margin: 0 auto;
}
display: block; margin: 0 auto;
}
搜狗浏览器UTF-8 html网页引入utf8编码js文件默认为GBK而乱码问题
[ 2022-05-05 17:09:50 | 作者: admin ]
一开始js是gbk编码,改为utf-8后清除浏览器缓存后还是乱码。而其他浏览器(chrome,firefox皆正常)
重新启动浏览器生效,不乱码了,但是仍然不知道sogou浏览器乱码原因
重新启动浏览器生效,不乱码了,但是仍然不知道sogou浏览器乱码原因
layer.open 设置自定义对话框内容,设置多个按钮和自定义颜色
[ 2022-05-04 09:46:12 | 作者: admin ]
p.s. 自定义样式demo-class,可以修改3个按钮的颜色
阅读全文…
layer.open({
skin: 'demo-class',
content: '自定义内容确认提交?',
btn: ["按钮1", "按钮2", "按钮3"],
yes: function (index) {
layer.close(index)
},
btn2: function (index) {
somefunciton...
},
btn3: function (index) {
somefunciton...
}
});
//在页面style中定义按钮css样式
<style>
...skin: 'demo-class',
content: '自定义内容确认提交?',
btn: ["按钮1", "按钮2", "按钮3"],
yes: function (index) {
layer.close(index)
},
btn2: function (index) {
somefunciton...
},
btn3: function (index) {
somefunciton...
}
});
//在页面style中定义按钮css样式
<style>
阅读全文…
nodercms 基于 Node.js & MongoDB
[ 2022-05-04 00:12:43 | 作者: admin ]
javascript变量声明问题const, let 还是 var? SyntaxError: missing = in const declaration
[ 2022-05-03 08:38:57 | 作者: admin ]
不同于 var 或 let 关键字,必须在常量声明中为其赋值。下面的例子中会报错:
// SyntaxError: missing = in const declaration
在声明语句中为其赋值:
const, let 还是 var?
如果你并不想声明一个常量值,那么就不要使用 const 关键字。或许你想要的是使用 let 来声明一个块状作用域变量或者是用 var 声明一个全局变量。这两者都不需要设置初始值。
// SyntaxError: missing = in const declaration
const COLUMNS;
在声明语句中为其赋值:
const COLUMNS = 80;
const, let 还是 var?
如果你并不想声明一个常量值,那么就不要使用 const 关键字。或许你想要的是使用 let 来声明一个块状作用域变量或者是用 var 声明一个全局变量。这两者都不需要设置初始值。
let columns;