js中字體斜體怎麼設置

⑴ js腳本:jquery 如何動態添加、刪除class樣式方法介紹

取與設置樣式 獲取class和設置class都可以使用attr()方法來完成。例如使用attr()方法來獲取p元素的class，JQuery代碼如下：復制代碼代碼如下:var p_class = $("p").attr("class"); //獲取p元素的class[html]使用attr()方法來設置p元素的class，JQuery代碼如下：[code]1 $("p").attr("'class", "high"); //設置p元素的class為 "high"
大多數情況下，它是將原來的class替換為新的class，而不是在原來的基礎上追加新的class。
2 .another{ font-style:italic; color:blue; }
後在網頁中添加一個「追加class類」的按鈕，按鈕的事件代碼如下：
1 $("#btn_3").click(function(){
2 $("#nm_p").addClass("another"); // 追加樣式3 });後當單擊「追加class類」按鈕時，p元素樣式就會變為斜體，而先前的紅色字體也會變為藍色。此時p元素同時擁有兩個class值，即"high"和"another"。在CSS中有以下兩條規定。
1.如果給一個元素添加了多個class值，那麼就相當於合並了它們的樣式。 2.如果有不同的class設定了同一樣式屬性，則後者覆蓋前者。 在上例中，相當於給p元素添加了如下樣式：復制代碼代碼如下:1 color : red; /* 字體顏色設置紅色*/
2 font-style:italic;
3 color:blue;
以上的樣式中，存在兩個「color」屬性，而後面的「color」屬性會覆蓋前面的「color」屬性，因此最終的「color」屬性的值為「blue」，而不是「red」。
移除樣式 如果用戶單擊某個按鈕時，要刪除class的某個值，那麼可以使用與addClass()方法相反的removeClass()方法來完成，它的 作用是從匹配的元素中刪除全部或者指定的class。例如可以使用如下的JQuery代碼來刪除p元素中值為「high」的class:復制代碼代碼如下:1 $("p").removeClass("high"); //移除p元素中值為"high"的class
果要把p元素的兩個class都刪除，就要使用兩次removeClass()方法，代碼如下：
1 $("p").removeClass("high").removeClass("another");
Query提供了更簡單的方法。可以以空格的方式刪除多個class名，代碼如下：
1 $("p").removeClass("high another");
外，還可以利用removeClass()方法的一個特性來完成同樣的效果。當它不帶參數時，就會將class的值全部刪除，JQuery代碼如下：
1 $("p").removeClass(); //移除p元素的所有class
換樣式 JQuery中有一個方法toggle()，JQuery代碼如下：
1 toggleBtn.toggle(function(){
2 //元素顯示 代碼③
3 }, function(){
4 //元素隱藏 代碼④5 })oggle()方法此處的作用是交替執行代碼③和代碼④兩個函數，如果元素原來是顯示的，則隱藏它：如果元素原來是隱藏的，則顯示它。此時，toggle()方法主要是控制行為上的重復切換。
另外JQuery還提供了一個toggleClass()方法控制樣式上的重復切換。如果類名存在則刪除它，如果類名不存在則添加它。例如對p元素進行toggleClass()方法操作。
復制代碼代碼如下:1 $("p").toggleClass("another"); //重復切換類名「another」
不斷單擊「切換樣式」按鈕時，p元素的class的值就會在「myClass」和「myClass another」之間重復切換。
判斷是否含有某個樣式 hasClass()可以用來判斷元素中是甭含有某個class，如果有，則返回true，否則返回false。例如可以使用下面的代碼來判斷p元素中是否含有「another」的class：復制代碼代碼如下:1 $("p").hasClass("another");
個方法是為了增強代碼可讀性面產生的。在JQuery內部實際上是調用了is()方法來完成這個功能的．該方法等價於如下代碼：復制代碼代碼如下:view sourceprint? 1 $("p").is(".another"); //is("."+class);

⑵ 常用的CSS屬性。

float，css的一種屬性，主要屬性值為：left（左浮動）、none（不浮動）、right（右浮動）、inherit（繼承父元素浮動），多用於網頁排版。

float屬性定義元素在哪個方向浮動。以往這個屬性總應用於圖像，使文本圍繞在圖像周圍，不過在 CSS 中，任何元素都可以浮動。浮動元素會生成一個塊級框，而不論它本身是何種元素。

(2)js中字體斜體怎麼設置擴展閱讀

CSS屬性

1、整數和實數

在CSS中只能使用浮點小數，而不能像其他編程語言那樣使用科學記數法表示實數，即1.2E3在CSS中將是不合法的。下面是幾個正確的例子，整數：128、-313，實數：12.20、1415、-12.03。

2、長度量

相對長度單位有：em——當前字體的高度，也就是font.size屬性的值；ex——當前字體中小寫字母x的高度；Dx——一個像素的長度，其實際的長度由顯示器的設置決定，比如在800木600的設置下，一個像素的長度就等於屏幕的寬度除以800。

3、百分數量（percentages）

百分數量就是數字加上百分號。顯然，百分數量總是相對的，所以和相對長度量一樣，百分數量不被子級元素繼承。

⑶ 如何用html編寫一個簡單的網頁

1、桌面空白處單機右鍵，新建一個記事本並打開

(3)js中字體斜體怎麼設置擴展閱讀：

網頁編程的入門：

網頁編程入門應該首先學html和asp這兩種語言代碼。HTML語言是網頁設計人員必須掌握的基礎知識，也是網頁設計和製作的基礎。

據了解，html屬於靜態代碼，是網頁編程的基礎。至於靜態代碼，因伺服器不需要解析而只用於布局效果。

asp屬於動態代碼，是為了能快速入門的。至於動態代碼，因伺服器需要解析而可用於資料庫操作。

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關介面、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。

⑷ 如何用javascript實現對文本域加粗,斜體和下劃線效果的設置

1、可以通過style讓整個文本框內容加粗，但沒有辦法單獨改變部分文字的樣式。

2、下面的代碼只是個例子，可以實現將選擇的文本加粗，但實際應用中考慮的問題還有很多，IE9,Firefox19,Chrome26下測試都沒有問題，Safari會出現移位錯誤，Opera直接不支持。

<scriptlanguage="javascript">
window.onload=function(){
//iframe窗口
varframeWin=document.getElementById('result').contentWindow;
//iframe頁面
varframeDoc=frameWin.document;
//在iframe頁面輸出一些字元
frameDoc.body.innerHTML='Loremipsumdolorsitamet';
//點擊加粗
document.getElementById("bold").onclick=function(){
//獲取選擇
varsel=frameDoc.getSelection();
//獲取選擇的文字
vartxt=sel.getRangeAt(0).extractContents().textContent;
//選擇范圍
range=sel.getRangeAt(0);
//刪除被選擇的內容
range.deleteContents();
//創建新的元素strong
varbold=frameWin.document.createElement("strong");
//設置strong內容
bold.innerHTML=txt;
//在被選擇的位置添加加粗的元素
range.insertNode(bold);
};
};
</script>

<iframestyle="width:600px;height:200px"id="result"></iframe>
<inputtype="button"id="bold"value="加粗"/>

⑸ js有哪幾種典型函數

第一類：常規函數
包括以下9個函數：
(1)alert函數：顯示一個警告對話框，包括一個OK按鈕。
(2)confirm函數：顯示一個確認對話框，包括OK、Cancel按鈕。
(3)escape函數：將字元轉換成Unicode碼。
(4)eval函數：計算表達式的結果。
(5)isNaN函數：測試是(true)否(false)不是一個數字。
(6)parseFloat函數：將字元串轉換成符點數字形式。
(7)parseInt函數：將符串轉換成整數數字形式(可指定幾進制)。
(8)prompt函數：顯示一個輸入對話框，提示等待用戶輸入。

第二類：數組函數
包括以下4個函數：
(1)join函數：轉換並連接數組中的所有元素為一個字元串。
(2)langth函數：返回數組的長度。
(3)reverse函數：將數組元素順序顛倒。
(4)sort函數：將數組元素重新排序。

第三類：日期函數
包括以下20個函數：
(1)getDate函數：返回日期的「日」部分，值為1～31
(2)getDay函數：返回星期幾，值為0～6，其中0表示星期日，1表示星期一，...，6表示星期六
(3)getHours函數：返回日期的「小時」部分，值為0～23。
(4)getMinutes函數：返回日期的「分鍾」部分，值為0～59。見上例。
(5)getMonth函數：返回日期的「月」部分，值為0～11。其中0表示1月，2表示3月，...，11表示12月。見前面的例子。
(6)getSeconds函數：返回日期的「秒」部分，值為0～59。見前面的例子。
(7)getTime函數：返回系統時間。
(8)getTimezoneOffset函數：返回此地區的時差(當地時間與GMT格林威治標准時間的地區時差)，單位為分鍾。
(9)getYear函數：返回日期的「年」部分。返回值以1900年為基數，例如1999年為99。
(10)parse函數：返回從1970年1月1日零時整算起的毫秒數(當地時間)。
(11)setDate函數：設定日期的「日」部分，值為0～31。
(12)setHours函數：設定日期的「小時」部分，值為0～23。
(13)setMinutes函數：設定日期的「分鍾」部分，值為0～59。
(14)setMonth函數：設定日期的「月」部分，值為0～11。其中0表示1月，...，11表示12月。
(15)setSeconds函數：設定日期的「秒」部分，值為0～59。
(16)setTime函數：設定時間。時間數值為1970年1月1日零時整算起的毫秒數。
(17)setYear函數：設定日期的「年」部分。
(18)toGMTString函數：轉換日期成為字元串，為GMT格林威治標准時間。
(19)setLocaleString函數：轉換日期成為字元串，為當地時間。
(20)UTC函數：返回從1970年1月1日零時整算起的毫秒數，以GMT格林威治標准時間計算。

第四類：數學函數
函數有以下18個：
(1)abs函數：即Math.abs(以下同)，返回一個數字的絕對值。
(2)acos函數：返回一個數字的反餘弦值，結果為0～π弧度(radians)。
(3)asin函數：返回一個數字的反正弦值，結果為-π/2～π/2弧度。
(4)atan函數：返回一個數字的反正切值，結果為-π/2～π/2弧度。
(5)atan2函數：返回一個坐標的極坐標角度值。
(6)ceil函數：返回一個數字的最小整數值(大於或等於)。
(7)cos函數：返回一個數字的餘弦值，結果為-1～1。
(8)exp函數：返回e(自然對數)的乘方值。
(9)floor函數：返回一個數字的最大整數值(小於或等於)。
(10)log函數：自然對數函數，返回一個數字的自然對數(e)值。
(11)max函數：返回兩個數的最大值。
(12)min函數：返回兩個數的最小值。
(13)pow函數：返回一個數字的乘方值。
(14)random函數：返回一個0～1的隨機數值。
(15)round函數：返回一個數字的四捨五入值，類型是整數。
(16)sin函數：返回一個數字的正弦值，結果為-1～1。
(17)sqrt函數：返回一個數字的平方根值。
(18)tan函數：返回一個數字的正切值。

第五類：字元串函數
包括以下20個函數：
(1)anchor函數：產生一個鏈接點(anchor)以作超級鏈接用。anchor函數設定<A NAME...>的鏈接點的名稱，另一個函數link設定<A HREF=...>的URL地址。
(2)big函數：將字體加到一號，與<BIG>...</BIG>標簽結果相同。
(3)blink函數：使字元串閃爍，與<BLINK>...</BLINK>標簽結果相同。
(4)bold函數：使字體加粗，與<B>...</B>標簽結果相同。
(5)charAt函數：返回字元串中指定的某個字元。
(6)fixed函數：將字體設定為固定寬度字體，與<TT>...</TT>標簽結果相同。
(7)fontcolor函數：設定字體顏色，與<FONT COLOR=color>標簽結果相同。
(8)fontsize函數：設定字體大小，與<FONT SIZE=n>標簽結果相同。
(9)indexOf函數：返回字元串中第一個查找到的下標index，從左邊開始查找。
(10)italics函數：使字體成為斜體字，與<I>...</I>標簽結果相同。
(11)lastIndexOf函數：返回字元串中第一個查找到的下標index，從右邊開始查找。
(12)length函數：返回字元串的長度。(不用帶括弧)
(13)link函數：產生一個超級鏈接，相當於設定<A HREF=...>的URL地址。
(14)small函數：將字體減小一號，與<SMALL>...</SMALL>標簽結果相同。
(15)strike函數：在文本的中間加一條橫線，與<STRIKE>...</STRIKE>標簽結果相同。
(16)sub函數：顯示字元串為下標字(subscript)。
(17)substring函數：返回字元串中指定的幾個字元。
(18)sup函數：顯示字元串為上標字(superscript)。
(19)toLowerCase函數：將字元串轉換為小寫。
(20)toUpperCase函數：將字元串轉換為大寫。

⑹ js中字元串的常見方法

首先創建一個字元串，創建字元串的方法有兩種:

1.字面量：var str = "abc123efg456";

2.構造函數：var str = newString("abc123efg456");

其次，需要注意的是，javascript的字元串是不可變的，String類定義的方法都不可以改變字元串內容。若是需要通過方法改變字元串的內容，需要將返回值重新賦值給原來的字元串。如：str = str.toUpperCase();

下面，介紹比較常用的字元串的方法:

var str = "1abc123abc456abc";

功能:返回指定的字元串值在字元串中首次出現的位置。

參數:s為要檢索的字元,必需;n為可選的字元參數，規定字元串檢索的位置。

demo:

var index1 = str.indexOf("a");

var index2 =str.indexOf("a",8);

var index3 =str.indexOf("a",14);

console.log(index1); // 1

console.log(index2); // 13

console.log(index3); // -1  從檢索的位置檢索不到字元，返回-1

功能:返回一個指定的字元串值最後出現的位置，在一個字元串中的指定位置從後向前搜索。

參數:s為要檢索的字元,必需;n為可選的字元參數，規定字元串檢索的位置。

demo:

var index1 =str.lastIndexOf("a"); 

var index2 =str.lastIndexOf("a",11);

var index3 =str.lastIndexOf("a",0);

console.log(index1); // 13

console.log(index2); // 7

console.log(index3); // -1  從檢索的位置檢索不到字元，返回-1

功能:返回指定位置的字元。

參數:n表示字元串中某個位置的索引,不寫默認為第0個字元。

demo:

var s = str.charAt(3);

console.log(s);  // c

功能:返回指定位置的字元的Unicode編碼。

參數:n表示字元串中某個位置的索引,可以沒有參數，默認是索引為0的參數。

demo:

var s = str.charCodeAt(3);

console.log(s);  // 99

注:c的unicode編碼為99。

注意：charAt(n)方法和charCodeAt(n)方法類似，前者返回的是字元，後者返回的是字元的unicode編碼。

功能:將編碼轉成字元方法。

參數:十進制和十六進制，不支持unicode編碼。

demo:

var s1 =String.fromCharCode("0x56fd");

var s2 = String.fromCharCode(22269);

console.log(s1);   //國

console.log(s2);  //國

注:「國」的十六進制編碼是56fd,十進制是22269。

功能:根據指定位置，截取子串，從m到n，不包括n。

參數:m,n為索引。

demo:

var s = str.slice(2,7);

console.log(s); // bc123

功能:根據指定位置，截取子串，從m到n，不包括n。

參數:m,n為索引。

demo:

var s = str.substring(2,7);

console.log(s); // bc123

功能:根據指定位置，截取子串，從m位置取，共取n個。

參數:m,n為索引。

demo:

var s = str.substr(2,7);

console.log(s); // bc123ab

功能:字元串替換。

參數:oldstr為需要被替換的字元，newstr為替換的字元。

demo:

var s =str.replace("a","l");

console.log(s); // 1lbc123abc456abc

注意:每次只能替換一個符合條件的字元。

功能:分割字元，返回成為數組。

參數:"s"為分割的字元。

demo1:

var arr1 = str.split("b");

console.log(arr1);  // ["1a", "c123a","c456a", "c"]

demo2:

var arr2 = str.split(); //["1abc123abc456abc"]

console.log(arr2);

demo3:

var arr3 = str.split("");

console.log(arr3); // ["1","a", "b", "c", "1", "2","3", "a", "b", "c", "4","5", "6", "a", "b", "c"]

注意:參數不寫的時候,返回原字元串組成的數組;參數為空字元的時候,將每個字元分割，返回一個數組

功能:檢索字元串中指定的子字元串,返回第一個與字元串匹配的索引值。

參數:需要被檢索的字元串。

demo:

var s1= str.search("abc");

var s2 = str.search("efg");

console.log(s1); // 1

console.log(s2); // -1

注:如果沒有找到任何匹配的子串，則返回-1。

功能:在字元串內檢索指定的值,匹配到就返回指定的字元值。

參數:需要被檢索的字元串。

demo:

var s1= str.match("abc");

var s2 = str.match("efg");

console.log(s1); // ["abc",index: 1, input: "1abc123abc456abc", groups: undefined]

console.log(s2); // null

注:該方法類似indexOf()和lastIndexOf(),但是它返回指定的值，沒有就返回null

功能:連接兩個或多個字元串,返回連接後的字元串。

參數:需要連接的字元串。

demo:

var str1="abc ";

var str2="123";

console.log(str1.concat(str2));   // "abc 123"

提示:如果需要拼接字元串，用運算符「+」更簡單。

功能:把字元串轉換為小寫。

參數:無

demo:

var str = "ABC abc";

console.log(str.toLowerCase()); // abcabc

功能:把字元串轉換為大寫。

參數:無

demo:

var str = "ABC abc";

console.log(str.toUpperCase()); // ABCABC

功能:把字元串顯示為大號字體。

參數:無

demo:

var s = str.big();

document.write(str+"");

document.write(s);

功能:把字元串顯示為小號字。

參數:無

demo:

var s = str.small();

document.write(str+"");

document.write(s);

功能:把字元串顯示為粗體。

參數:無

demo:

var s = str.bold();

document.write(str+"");

document.write(s);

功能:把字元串顯示為斜體。

參數:無

demo:

var s = str.italics();

document.write(str+"");

document.write(s);

功能:將字元以指定的顏色顯示。

參數:顏色名(red)、RGB 值(rgb(255,0,0))或者十六進制數(#FF0000)。

demo:

var s = str.fontcolor("red");

document.write(str+"");

document.write(s);

功能:將字元以指定的字型大小顯示。

參數:size參數必須是從1和7之間的數字,1表示小的字型大小,7表示最大的字型大小。

demo:

var s = str.fontsize(7);

document.write(str+"");

document.write(s);

功能:把字元串顯示為超鏈接。

參數:鏈接的URL。

demo:

var s =str.link("http://www..com");

document.write(str+"");

document.write(s);

功能:把字元串加字元串顯示。

參數:無

demo:

var s = str.strike();

document.write(str+"");

document.write(s);

以上是對字元串方法的整理，如有修改、補充，後續會更新。

文中如果紕漏，錯誤，不合理，描述不清晰，不準確等問題，歡迎大家留言指正...

⑺ nwjs中進行頁面列印，為什麼兩頁的頁面列印出來只有第一頁

1、在視圖中，將頁面設置為「分頁預覽」 2、將藍色實線邊框內的虛線，拉倒邊框上。 3、點擊「列印預覽」查看效果，已經顯示為一頁了。
主要是為了列印 <pre> 裡面的內容，為了方便使用，現在把它寫成了一個 prototype 形式的 jQuery 插件，支持當前 5 大瀏覽器。

【插件】

(function($) {
$.fn.printMe = function(text_only) {
// 獲取元素內容
var content = text_only ? $(this).text() : $(this).html();
// 在頁面創建 iframe
$("body").append('<iframe id="iframe-print" style="display: none;"></iframe>');
// 獲取 iframe window
var ifrm = $("#iframe-print")[0].contentWindow;
// 將內容寫入 iframe
ifrm.document.write(content);

// IE
if(navigator.userAgent.match(/MSIE/)) {
ifrm.document.execCommand("print", false, null);
}
// Opera
else if(navigator.userAgent.match(/Opera/)) {
// Opera 需要打開新窗口
var printWin = window.open(""), printDoc = printWin.document;
printDoc.open();
printDoc.write('<!DOCTYPE html><html><head></head><body onload="window.print(); window.close();">' + content + '</body></html>');
printDoc.close();
}
// Firefox/Chrome/Safari/其它瀏覽器
else {
ifrm.print();
}

// 釋放 cache
ifrm = null;
// 移除 iframe
$("#iframe-print").remove();
};
})(jQuery);

【用法】

$( 要列印的元素 ).printMe( 只列印text選項 );

要列印的元素：指定 id 或 class，也就是你說的要列印的指定區域。

只列印text選項：如果指定為 true 或 1，將會把指定元素內的 html 全部忽略，也就是列印區域內的 .text()。默認為 false，也就是列印區域內的 .html()。

【實例 1】

$("#print_div").on("click", function() {
$("#div").printMe();
});

<div id="div"><p style="color: #f00;">文欄位落</p><em>斜體文字</em></div>
<a id="print_div">列印 div 中的 html</a>

此例將列印 div 中的 p 和 em。

【實例 2】

$("#print_div_text").on("click", function() {
$("#div").printMe(1);
});

<div id="div"><p style="color: #f00;">文欄位落</p><em>斜體文字</em></div>
<a id="print_div_text">列印 div 中的 text</a>

此例將忽略 div 中的 p 和 em，只列印 text。

⑻ HTML鏍囪頒腑<a>鍒嗗埆浠ｈ〃浠涔堝惈涔

<a>鍦╤tml涓鏄鍜屽叾浠栦唬鐮佸苟瀛樹嬌鐢ㄧ殑
濡<a name> 鎴栬<a herf>閮藉彲浠
鍙鏄浠ｈ〃鐨勬剰涔変笉涓鏍鳳紝榪愯屼唬鐮佺殑鏃跺欐晥鏋滀篃涓嶄竴鏍
<a name>鍚庨潰濉鍐欑殑鏂囧瓧淇℃伅
鑰<a herf>鍚庨潰鏄瓚呴摼鎺
鍙鏄濡傛灉涓嶅姞a榪欎釜瀛楁瘝鐨勮瘽榪愯屼唬鐮佸氨涓嶄細鏈変換浣曚綔鐢
鎵浠ヤ笉綆℃槸<a name>榪樻槸<a herf>
鎷鍙烽噷鐨勯兘鏄涓涓鏁翠綋錛屽彧鏈夊苟鍒楀湪涓璧蜂嬌鐢ㄨ繍琛岀殑鏃跺
嫻忚堝櫒鎵嶈兘璇嗗埆浠ｇ爜騫舵垚鍔熸墽琛
甯屾湜瀵逛綘鏈夊府鍔╋紒