整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
源：升學就業幫講師——肖云銳
BOM對象學習網站：
學習網站
1 認識BOM對象
1.1 什么是BOM
BOM是Browser Object Model的簡寫，即瀏覽器對象模型。
BOM由一系列對象組成，用于訪問、控制、修改瀏覽器的屬性和方法。
BOM沒有統一的標準(每種客戶端(IE/google瀏覽器)都可以自定標準。
1.2 理解示意圖
BOM的頂層是window對象，window下面包含一些瀏覽器相關對象，例如文檔對象document，地址欄對象location，導航對象navigation，屏幕對象screen，歷史記錄對象history，如下圖所示:
1.3 Window對象
常用的方法：
alert(); // 彈出一個提示框.
confirm()// 彈出一個確認框
prompt(); // 輸入框
setTimeout(); // 延時任務
setInterval(); // 周期任務
clearTimeout(); // 清除延時任務
clearInterval(); // 清除周期任務
open(); // 打開新的窗口
close(); // 關閉指定窗口代碼示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BOM對象</title>
<script>
/*
alert(); // 彈出一個提示框.
confirm()// 彈出一個確認框
prompt(); // 輸入框
setTimeout(); // 延時任務
setInterval(); // 周期任務
clearTimeout(); // 清除延時任務
clearInterval(); // 清除周期任務
open(); // 打開新的窗口
close(); // 關閉指定窗口
*/
// alert(); 彈出一個提示框.
function poupWindow() {
alert("我被點擊了");
}
// confirm() 彈出一個確認框
function confirmWindow() {
var flag = confirm("確定刪除嗎?");
if (flag) {
alert("刪除成功!!!");
} else {
alert("取消!!!");
}
}
// prompt(); 輸入框
function promptWindow() {
var age = prompt("請輸入您的年齡:", 18);
alert("您輸入的年齡是: " + age);
}
var taskId = null;
// setTimeout(); 延時任務
function task() {
alert("任務開始了!!!");
}
function startTask() {
id = setTimeout(task, 3000);
}
// clearTimeout() 清除延時任務
function stopTask() {
clearTimeout(id);
}
var intervalId = 0;
// setInterval();
// 周期任務 function startIntervalTask() {
if (intervalId == 0) {
intervalId = setInterval(function () {
var date = new Date();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds(); console.log(hour + ": " + minute + ": " + second);
}, 1000);
}
}
function stopIntervalTask() {
if(intervalId != 0) {
clearInterval(intervalId);
intervalId = 0;
}
}
var bdWin = null;
// open();
// 打開新的窗口
function openWindow() {
var url = "http://www.baidu.com";
bdWin = open(url);
}
// close(); // 關閉指定窗口
function closeWindow() {
bdWin.close();
}
</script>
</head>
<body>
<input type="button" value="彈出框" onclick="poupWindow();"> <br>
<input type="button" value="驗證框" onclick="confirmWindow();"> <br>
<input type="button" value="提示框" onclick="promptWindow();"> <br>
<input type="button" value="提示框" onclick="promptWindow();"> <br>
<input type="button" value="開啟延時任務" onclick="startTask();"> <br>
<input type="button" value="停止延時任務" onclick="stopTask();"> <br>
<input type="button" value="開始周期任務" onclick="startIntervalTask();"> <br>
<input type="button" value="停止周期任務" onclick="stopIntervalTask();"> <br>
<input type="button" value="開啟窗口" onclick="openWindow();"> <br>
<input type="button" value="關閉窗口" onclick="closeWindow();"> <br>
</body>
</html>1.4 History對象：瀏覽器的歷史對象
常用的方法
back()go()forward()
需求: A頁面跳轉到B頁面，B頁面后退到A頁面，A頁面前進到B頁面
代碼示例
A頁面代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>A</title>
<script>
function go() {
location.href = "B.html";
}
function forward() {
history.forward();
}
</script>
</head>
<body>
A Page
<input type="button" value="go" onclick="go()">
<input type="button" value="前進" onclick="forward()">
</body>
</html>
B頁面代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>history對象</title>
<script>
function goback() {
history.back();
}
</script>
</head>
<body>
B page
<input type="button" value="后退" onclick="goback()">
</body>
</html>1.5 location對象： 地址欄對象
常用屬性和方法:
host:ip:端口hostname: ipport:端口pathname:路徑href: url全路徑reload: 重新加載當前頁面replace: 替換當前頁面location.href=url: 跳轉到指定頁面
代碼示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BOM對象_location對象</title>
<script>
function showLocationInfo() {
console.log(location.href);
console.log(location.host);
console.log(location.port);
console.log(location.hostname);
console.log(location.pathname);
}
function reloadCurrentPage() {
location.reload();
}
function replaceCurrentPage() {
location.replace("http://www.taobao.com");
}
function jumpPage() {
location.href = "http://www.baidu.com";
}
</script>
</head>
<body>
<input type="button" value="locationInfo" onclick="showLocationInfo()">
<input type="button" value="reloadCurrentPage" onclick="reloadCurrentPage()">
<input type="button" value="replaceCurrentPage" onclick="replaceCurrentPage()">
<input type="button" value="jumpPage" onclick="jumpPage()">
</body>
</html>1.6 Screen對象:屏幕對象
常用屬性:
widthheight
1.7 Navigator對象：瀏覽器對象
常用屬性:無
示例代碼
SOLIDWORKS Composer支持多種3D數據格式的輸入，其中包括SOLIDWORKS、CATIA、PRO/E、Inventor 等多種軟件。前面幾期也做過相關介紹，將現有的3D數據導入SOLIDWORKS Composer中，可以快速的制作動畫，技術手冊及3D交互式內容。可以將這些內容保存為圖像和動畫為JPG光柵圖像圖片，SVG矢量圖像圖片和AVI動畫。
至此，這些互動式檔案和動畫，我們只能放在電腦或手機中觀看及操作。如果我們想將此文文件放在網絡上并同樣實現互動式操作，那么，我們就需要使用SOLIDWORKS Composer發布功能，將文件轉化為HTML檔。小編在此將和大家一起來探討如何發布SOLIDWORKS Composer文件到默認的HTML模板和自定義HTML。
首先，發布一個SOLIDWORKS Composer文件到默認的HTML模板，當安裝完成SOLIDWORKS Composer后，會自帶默認的HTML模板，位置如?SOLIDWORKS Composer install_dir?\Profile 文件夾中。
當把SOLIDWORKS Composer 中的內容發布為HTML檔時，在菜單欄中選擇【文件】-【發布】-【HTML】（如圖1）。注意在此，會增加HTML輸出選項，SOLIDWORKS Composer 提供六種HTML輸出配置文件，包含BOM（零件表）、Full（完整）、Meta-properties（元屬性）、PMI、Simple（簡單）及View（視圖）版面格式，如（圖2）所示。我們可以根據需求來選擇需要哪種版面格式輸出。如果沒有選擇，系統會默認為Simple版面格式發布HTML文件。
發布HTML文件后，HTML頁面有哪些功能？（表1）可以詳細為大家解釋，我們可以根據我們的不同需求選擇相應的配置，發布不同的HTML文件。
下面，我們選擇一個模型來發布HTML檔案，先打開SOLIDWORKS Composer并選取一個模型，并發布為HTML，選擇一個HTML輸出樣式，找到發布好的HTML文件，并使用IE瀏覽器打開HTML文件（注：自SOLIDWORKS Composer 2016 SP3開始支持Firefox瀏覽器），會跳出Active X 安全性警告，選擇【允許】，此刻，就能在網頁中查看SOLIDWORKS Composer制作的交互式檔案（如圖3）。注：若永久允許Active X 安全性警告，那么可在IE中選擇【工具】-【Internet選項】-【高級】中勾選‘允許活動內容在我的電腦的文件中運行’（如圖4）。
此處注意，我們需要安裝SOLIDWORKS Composer Player Pro 且激活，如果沒有激活SOLIDWORKS Composer Player Pro，那么我們打開HTML檔案，可能將只會看到空白主窗口和工具列。
在HTML文件視口的右側，有四個按鈕，相關功能如下（表2）。頁面其余部分顯示SOLIDWORKS Composer內容。
如果我們需要分享HTML文件給他人，那么我們需要拷貝以下四部分內容：
再者，我們也可以針對現有的HTML模板進行編輯（編輯前請備份原有模板），使用者可以用記事本之類的文本編輯器打開HTML文件，進行修改。
如果要想學習更多關于如何自定義HTML配置文件，可與我們生信技術團隊聯系，可發送郵件至marketing@solidwise.com進行相關資訊，我們將第一時間給您答復。
于網站主機到期，原主機空間小，空間已使用了83%多，續費費用高，增購空間的費用更是奇高無比，增加個500M空間就要幾百大洋。現在新買一臺主機空間大（阿里最低的主機都5G空間了）、流量高、寬帶也大，一年也就幾百元，所以就想更換一下網站的主機。可是新主機買好后，遷移過程發現用織夢系統搭建的網站遷移到新主機后臺卻出現幾個問題，現分享如下。
1、 網站后臺登錄頁面不顯示，如下圖所示；
后臺地址加上login.php才能正常顯示登錄界面，如下圖所示
2、 虛擬主機的php.ini設置中：輸出緩沖區數據塊設置：啟動，如下圖；
后臺地址不要再加login.php就可以正常顯示登錄頁面了，如下圖；
3、 后臺登錄頁面驗證碼顯示不正常：度娘上有人說是因為數據庫配置文件使用了windows自帶的文本編輯器修改信息保存后，文件包含了BOM格式引起驗證碼顯示不正常。但我用專業代碼編輯器sublime_text修改后，確認保存不帶BOM格式的，也還是顯示不正常。也有的人說要把sessions文件夾下除了index.html文件外都刪除，我也試了，還是顯示不正常。
4、 我的操作是根據有的人提示，干脆不要驗證碼了，把驗證碼給關掉。這個有兩種處理方法；
方法一、修改login.php登錄文件；
把：if(($validate=='' || $validate !=$svali) && preg_match("/6/",$safe_gdopen)){
改為：if(false){
這種處理方式后，驗證碼樣式還在，但已經不要填驗證就可以正常登錄了；
方法二、修改data\safe\文件夾下面的inc_safe_config.php文件；
$safe_gdopen='1,2,3,4,5,6,7';
把這行中的6刪除即可，刪除6后刷新頁面效果如下圖，驗證碼輸入框不顯示也不要填了，直接賬號、密碼就可以正常登錄。
5、 在用第4點的中方法二時，我再把inc_safe_config.php文件中那一行把6給加回去，再刷新一下后臺頁面，一切都正常了，驗證碼已可以正常顯示輸入了。如下圖；
6、 總結：頁面驗證碼正常后，我試著把數據配置文件保存成帶BOM格式的，并沒有出現驗證碼不顯示問題，所以我認為跟使用文本編輯器修改數據配置文件無關。但建議修改程序代碼還是要用專業編輯器，第一，看代碼直觀，有顏色好區分；第二，修改代碼時有沒有異常，專業編輯器都會有提醒；第三，確實很多代碼是因為保存的編碼不正確會造成程序異常；織夢這個驗證碼不顯示的問題，我反復試了三次，把站點文件全部刪除，再解壓部署，就只要按方式二處理一下驗證碼就顯示正常了。
好了，遷移用織夢系統建設的網站不能顯示驗證碼的問題就分享這里。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
