js如何去除打印的网页中图片显示的地址?

JavaScript034

js如何去除打印的网页中图片显示的地址?,第1张

1、为图片绑定点击事件

2、在点击事件中使用jQuery获得图片的src属性

3、调用文本框的val()方法,将取到的图片路径显示在文本框中

<html>

<head>

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

<script type="text/javascript">

$(function(){

//为图片绑定点击事件

$("#tu").click(function(){

//获得图片的src属性

var url=$(this).prop("src")

//将图片路径赋值到文本框中

$("#txtUrl").val(url)

})

})

</script>

</head>

<body>

<img id="tu" src="images/friend.jpg" width="800" height="600" />

<input type="text" id="txtUrl" />

</body>

</html>

如果你希望直接打印,这办法基本不可行了。

不过你可以过渡一下,这样的话,有两种不同的方法:

1. 你的链接可以直接链接到PDF文件,URL可以写成类似:“http://www.xx.com/mypdf.pdf”,这样办的话,如果用户安装了PDF的浏览器支持,打开后用户的浏览器可以直接在浏览器中运行adobe reader。然后由用户选择是否打印。

2. 如果你感觉上面的方法不合理,你也可以学习百度文库的做法,使用flash制作一个PDF阅读器,这样,你可以在flash上面加上打印按钮,这样的方法与上面大同小异,却不用考虑用户是否已经安装了adobe reader。

以上是两种不同的实现方案,第一种很简单,但对于没有安装adobe reader的用户,会相当影响用户体验。可是第二种,实现的技术却很高,需要很强的actionsctript的开发能力,我也无能为力,至少现在是这个样子的。

直接使用js打开一个PDF文件,我觉得无法实现。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>checkbox</title>

<script src="js/jquery-1.3.2.js" type="text/javascript"></script>

<script src="js/1.js" type="text/javascript"></script>

</head>

<body>

<table id="table1">

<tr>

<td><input type="checkbox" value="1"/>1</td>

<td id="k_1"><input type="text" name="student" id="s_1" readonly="true"/></td>

</tr>

<tr>

<td><input type="checkbox" value="2"/>2</td>

<td id="k_2"><input type="text" name="student" id="s_2" readonly="true"/></td>

</tr>

<tr>

<td><input type="checkbox" value="3"/>3</td>

<td id="k_3"><input type="text" name="student" id="s_3" readonly="true"/></td>

</tr>

<tr>

<td><input type="checkbox" value="4"/>4</td>

<td id="k_4"><input type="text" name="student" id="s_4" readonly="true"/></td>

</tr>

</table>

</body>

</html>

-------------------------------------------------------------

$(document).ready(function() {

$("td[id^='k_']").hide()

var check = $(":checkbox") //得到所有被选中的checkbox

var actor_config //定义变量

check.each(function(i){

actor_config = $(this)

actor_config.click(

function(){

if($(this).attr("checked")==true){

$("#k_"+$(this).val()).show()

}else{

$("#k_"+$(this).val()).hide()

}

}

)

})

})