您的位置：首页 > Web前端 > JQuery

jquery/js PDF预览

2015-06-21 20:17 686 查看

借助浏览器实现PDF预览

<html><body style="background-color: rgb(38,38,38); height: 100%; width: 100%; overflow: hidden; margin: 0"><embed width="100%" height="100%" name="plugin" src="http://minphp.org/documentation/book/" type="application/pdf" internalinstanceid="5"></body></html>

jquery获取select选中的值:

$('#brand').change(function(){
var brand=$("#brand  option:selected").val();
alert(brand);
});

<div class="col-sm-8 col-xs-12">
    <select name="brand" id="brand" class="form-control">
        <option value="0">请选择汽车品牌</option>
        <option value="2">A---奥迪(一汽)</option>
        <option value="4">B---宝骏(上汽通用五菱)</option>
        <option value="5">B---宝马(华晨)</option>
        <option value="7">B---北汽</option>
        <option value="8">B---奔驰(北京)</option>
        <option value="9">B---奔驰(福建)</option>
        <option value="11">B---本田(东风)</option>
        <option value="12">B---本田(广汽本田)</option>
        <option value="14">B---标致(东风)</option>
        <option value="17">B---别克(上海通用)</option>
        <option value="18">B---比亚迪</option>
        <option value="19">C---长安标致雪铁龙</option>
        <option value="20">C---长安汽车</option>
        <option value="21">C---长城汽车</option>
        <option value="22">C---长丰汽车</option>
        <option value="23">C---昌河</option>
        <option value="27">D---大众(上海)</option>
        <option value="28">D---大众(一汽)</option>
        <option value="29">D---东风汽车</option>
        <option value="30">D---东风裕隆</option>
        <option value="31">D---东南汽车</option>
        <option value="32">F---菲亚特(广汽)</option>
        <option value="34">F---菲亚特(南京)</option>
        <option value="35">F---丰田(广汽丰田)</option>
        <option value="37">F---丰田(一汽)</option>
        <option value="38">F---福特(长安)</option>
        <option value="40">G---广汽</option>
        <option value="41">H---哈飞</option>
        <option value="42">H---海马</option>
        <option value="43">H---华泰现代</option>
        <option value="44">J---江淮汽车</option>
        <option value="45">J---江铃</option>
        <option value="47">J---吉利(中国)</option>
        <option value="48">J---金杯</option>
        <option value="51">J---吉普(北京)</option>
        <option value="53">K---凯迪拉克(上海通用)</option>
        <option value="57">L---力帆</option>
        <option value="58">L---铃木(长安)</option>
        <option value="59">L---铃木(昌河)</option>
        <option value="63">M---马自达(长安)</option>
        <option value="64">M---马自达(海南)</option>
        <option value="66">M---马自达(一汽)</option>
        <option value="67">M---名爵(上汽)</option>
        <option value="71">Q---青年莲花</option>
        <option value="72">Q---奇瑞</option>
        <option value="73">Q---起亚(东风)</option>
        <option value="75">R---日产(东风)</option>
        <option value="77">R---日产(郑州)</option>
        <option value="78">R---荣威(上汽)</option>
        <option value="80">S---三菱(东南)</option>
        <option value="81">S---三菱(广汽)</option>
        <option value="85">S---斯柯达(上海大众)</option>
        <option value="86">T---特斯拉</option>
        <option value="87">T---天津一汽</option>
        <option value="88">W---沃尔沃(长安福特)</option>
        <option value="90">W---五菱(上汽通用)</option>
        <option value="91">X---夏利</option>
        <option value="92">X---现代(北京)</option>
        <option value="96">X---雪佛兰(上海通用)</option>
        <option value="97">X---雪铁龙(东风)</option>
        <option value="100">Y---一汽轿车</option>
        <option value="101">Y---一汽吉林</option>
    </select>
</div>

jquery字符串转json:

var obj = jQuery.parseJSON(msg);
alert(obj);

联动菜单:

$(document).ready(function(){
$('#submit').click(function(){
var name=$('#name').val();
var price=$('#price').val();
if(!name){
alert('名称不能为空');
$('#name').focus();
return false;
}
if(!price){
alert('价格不能为空');
$('#price').focus();
return false;
}
});
$('#brand').change(function(){
var brand=$("#brand  option:selected").val();
$('#series').empty();
$('#model').empty();
//alert(brand);
if(brand==0){
alert('请选择品牌');
}else{
$.ajax({
type: 'get',
async: false,
url:'/web/index.php',
data:'c=platform&a=service&do=json&type=1&id='+brand,
success:function(msg){
var obj = jQuery.parseJSON(msg);
//alert(obj);
$("<option value='" + 0 + "'>" + '请选择型号' + "</option>").appendTo(series)
$.each( obj, function(index,item){ 
        //console.log(item); 
        $("<option value='" + item.id + "'>" + item.name + "</option>").appendTo(series)
    });  
}
});
}
});
$('#series').change(function(){
var series=$("#series  option:selected").val();
$('#model').empty();
//alert(brand);
if(series==0){
alert('请选择型号');
}else{
$.ajax({
type: 'get',
async: false,
url:'/web/index.php',
data:'c=platform&a=service&do=json&type=2&id='+series,
success:function(msg){
var obj = jQuery.parseJSON(msg);
//alert(obj);
$("<option value='" + 0 + "'>" + '请选择型号' + "</option>").appendTo(model)
$.each( obj, function(index,item){ 
        //console.log(item); 
        $("<option value='" + item.id + "'>" + item.name + "</option>").appendTo(model)
    });  
}
});
}
});
});

visible

<!DOCTYPE>
<html>
 <head>
  <meta charset="UTF-8" />
<title>Insert title here</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<script>
document.addEventListener("visibilitychange", function () {
    if (document.hidden) {
        // 不可见
document.title = '不可见';
    } else  {
       // 可见
  document.title = '可见';
    }
}, false);
</script>
</body>
</html>

浏览器关闭

window.onbeforeunload = function(){    
    return "Are you sure ?";
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航