jquery/js PDF預覽

時間 2019-12-04

標籤 jquery pdf 預覽欄目 JQuery 简体版

原文原文鏈接

藉助瀏覽器實現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選中的值:php

$('#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:css

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 ?";
}

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。