本文目录一览：
- 1、使用javascript如何在网页上输出如下图形状？ * *** ***** *** *
- 2、用javascript编写在网页里写一个超链接,点击超链接能打开新的窗口并显示一张图片.
- 3、使用asp或者js实现将整个网页生成为一张图片
- 4、javascript window.print() 打印问题？预览时图片正好，打印到A4上时变小？？据说是print打印的是屏幕大小
- 5、js如何实现页面打印
- 6、求一个js日期代码，需要在网页上输出的是图片，就是0-9的数字，替换成设计好的图片在网页上显示
使用javascript如何在网页上输出如下图形状？ * *** ***** *** *
用最简单的方法是:
script
document.write(“*br”);
document.write(“***br”);
document.write(“*****br”);
document.write(“***br”);
document.write(“*”);
/script
不知道要求中是不是需要使用循环方法的不.
用javascript编写在网页里写一个超链接,点击超链接能打开新的窗口并显示一张图片.
先编写 一个html ，设置添加图片记录文件连接。
js 添加一个 function 设置 window.open
function Wopen(){
window.open(‘http://地址’,’_blank’,’width=600,height=400,top=100px,left=0px’)
}
html
head/head
body
a href onclick=”javascript:{Wopen()” style=”cursor:hand;background-color:#00aaa7;line-height:28px;border:solid 10px #888888;”打开图片/a
/body
/html
使用asp或者js实现将整个网页生成为一张图片
做个打印按钮 就可以了 当点击打印时可以将打印内容打印为图片格式
不过万一对方没有打印机 那可能要开发一个类似图片打印控件的东西让客户安装
javascript window.print() 打印问题？预览时图片正好，打印到A4上时变小？？据说是print打印的是屏幕大小
1。把你的css里的长度单位改成毫米（mm）,不要用像素（px），用磅（pt）也行.如果是默认没写单位就是像素（px），也是要改的。因为像素是浏览器的单位也就是窗口的单位，而毫米或者磅是打印后的纸面上单位。
2。在页面打印的时候要设置浏览器的纸张参数，就是点文件-〉页面设置。把上下左右宽度间距设置好。还要去掉标题页头页角之类的，要不打印会把url都打出来。
3。设置css的时候可以加上 media=”print” ,css 默认值是both,最好写两套css。一套是print,一套是screen.因为print的 意思是在打印的时候会采用的css样式，screen就是浏览器显示的样式。所以，有的时候都是用显示与打印不一样的样式。例如：
link href=”print.css” rel=”stylesheet” type=”text/css” media=”print” /
link href=”screen.css” rel=”stylesheet” type=”text/css” media=”screen” /
这样，浏览器在显示的时候会使用screen.css，在打印的时候会使用print.css。
4。自己再多试试，页面打印其实不难，就是要仔细。
js如何实现页面打印
HTMLHEADTITLEjavascript打印-打印页面设置-打印预览代码/TITLE
META http-equiv=Content-Type content=”text/html; charset=gb2312″ /
SCRIPT language=javascript
function printsetup(){
// 打印页面设置
wb.execwb(8,1);
}
function printpreview(){
// 打印页面预览
wb.execwb(7,1);
}
function printit()
{
if (confirm(‘确定打印吗？’)) {
wb.execwb(6,6)
}
}
/SCRIPT
/HEAD
BODY
DIV align=center
OBJECT id=wb height=0 width=0
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb/OBJECT
INPUT onclick=javascript:printit() type=button value=打印 name=button_print /
INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup /
INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show /
/DIV
/BODY
/HTML
求一个js日期代码，需要在网页上输出的是图片，就是0-9的数字，替换成设计好的图片在网页上显示
按照以下步骤来：
1、获取当前日期
2、生成日期字符串
3、显示
准备好一张数字的图片：
【代码】
style type=”text/css”
/* css */
.num_0, .num_1, .num_2, .num_3, .num_4, .num_5, .num_6, .num_7, .num_8, .num_9 { background:url(numbers.gif) no-repeat 0 0; display:inline-block; width:40px; height:40px; }
.num_1 { background-position:-40px 0; }
.num_2 { background-position:-80px 0; }
.num_3 { background-position:-120px 0; }
.num_4 { background-position:-160px 0; }
.num_5 { background-position:-200px 0; }
.num_6 { background-position:-240px 0; }
.num_7 { background-position:-280px 0; }
.num_8 { background-position:-320px 0; }
.num_9 { background-position:-360px 0; }
/style
div id=”dis”/div
script
var date=new Date(),
str=”+date.getFullYear()+(date.getMonth()+1)+date.getDate(),
i=0,
len=str.length,
html=[];
for(; ilen; i++)
html.push(‘span class=”num_’+str[i]+'”nbsp;/span’);
document.getElementById(‘dis’).innerHTML=html.join(”);
/script
【运行】
运行后，js代码会添加一些元素到页面上，会生成如图所示的结构：
看下页面显示效果：
显示是通过样式表完成的。
原创文章，作者：GUDE，如若转载，请注明出处：https://www.506064.com/n/144740.html
微信扫一扫 
支付宝扫一扫 