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>
鎷鍙烽噷鐨勯兘鏄涓涓鏁翠綋锛屽彧鏈夊苟鍒楀湪涓璧蜂娇鐢ㄨ繍琛岀殑鏃跺
娴忚堝櫒鎵嶈兘璇嗗埆浠ｇ爜骞舵垚鍔熸墽琛
甯屾湜瀵逛綘鏈夊府鍔╋紒