Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML JavaScript字体大小更改_Javascript_Html_Font Size - Fatal编程技术网

HTML JavaScript字体大小更改

HTML JavaScript字体大小更改,javascript,html,font-size,Javascript,Html,Font Size,我在网站上找到了一些代码,允许人们更改字体大小,并将其调整为使用按钮 <html> <head> <script language="JavaScript" type="text/javascript"> function changeFontSize(inc) { var p = document.getElementsByTagName('*'); for(n=0; n<p.length; n++) { if(p[n].style.

我在网站上找到了一些代码,允许人们更改字体大小,并将其调整为使用按钮

<html>
<head>

<script language="JavaScript" type="text/javascript">
function changeFontSize(inc)
{
  var p = document.getElementsByTagName('*');
  for(n=0; n<p.length; n++) {
    if(p[n].style.fontSize) {
       var size = parseInt(p[n].style.fontSize.replace("px", ""));
    } else {
       var size = 16;
    }
    p[n].style.fontSize = size+inc + 'px';
   }
}
</script>

</head>
<body>
<basefont size=3/>
<p>
asdf
hhui
jnj
ghvt
</p>

<input type="button" value="+" onclick="changeFontSize(1)" />
<input type="button" value="-" onclick="changeFontSize(-1)" />

</body>
</html>

功能更改字体大小(公司)
{
var p=document.getElementsByTagName('*');

对于(n=0;n这里有一个JavaScript函数,可用于计算1em的像素大小:

function getEmSize(el) {
    // If you pass in an element ID then get a reference to the element
    if (typeof el == "undefined") el = document.documentElement;

    var tempDiv = document.createElement("DIV"); 
    tempDiv.style.height = 1 + "em";
    // Just in case the content of "el" takes up it's container's height :)
    tempDiv.style.marginTop = -1 + "em";

    el.appendChild(tempDiv);
    var emSize = tempDiv.offsetHeight;
    el.removeChild(tempDiv);
    return emSize;
}
我还写了一篇关于的文章。只要确保通过cookie或localStorage保存首选项即可


希望这会有用。

这里有一个JavaScript函数,可以用来计算1em的像素大小:

function getEmSize(el) {
    // If you pass in an element ID then get a reference to the element
    if (typeof el == "undefined") el = document.documentElement;

    var tempDiv = document.createElement("DIV"); 
    tempDiv.style.height = 1 + "em";
    // Just in case the content of "el" takes up it's container's height :)
    tempDiv.style.marginTop = -1 + "em";

    el.appendChild(tempDiv);
    var emSize = tempDiv.offsetHeight;
    el.removeChild(tempDiv);
    return emSize;
}
我还写了一篇关于的文章。只要确保通过cookie或localStorage保存首选项即可


希望这会有用。

最简单的方法是将页面更改为不使用像素。如果使用ems,您所要做的就是更改body元素的字体大小,其他所有操作都会进行调整


大多数浏览器都可以更改内置的字体大小,因此,如果您从正确的页面编码开始,那么进行编码实际上毫无益处。

最简单的方法是将页面更改为不使用像素。如果您使用ems,您所要做的就是更改body元素的字体大小,其他一切都会进行调整


大多数浏览器都可以更改内置的字体大小,因此,如果您从正确的页面编码开始,那么进行编码实际上没有任何好处。

只是澄清一下,您所说的是Javascript而不是Java,对吗?是的,我想这是我选择的标记,抱歉:-(我把标题改成了JavaScript而不是Java,只是想澄清一下,你说的是JavaScript而不是Java,对吗?是的,我认为这就是我选择的标签,对不起:-(我更改了标题,所以它说是JavaScript而不是JavaI,我有一整套相关页面。如果我实现本文讨论的文本大小更改,则预期这些更改将在页面之间保持不变。(顺便说一句,这是一个很好的论据,支持这种方法,而不是浏览器功能)。如果我将cookie保存在一个页面中,我是否能够在另一个页面中检索它?这些页面将存在于服务器上的同一目录中。服务器属于我的isp,因此当cookie发送到那里时,我是否会遇到问题?是的,只要cookie位于同一顶级域(例如google.com),您就可以读取cookie这是一个非常棒的页面,包含了整个shebang。我有一系列相关页面。如果我实现了本文讨论的文本大小更改,那么这些更改将在页面之间持续存在。(顺便说一句,这是一个很好的论据,支持这种方法,而不是浏览器功能)。如果我将cookie保存在一个页面中,我是否能够在另一个页面中检索它?这些页面将存在于服务器上的同一目录中。服务器属于我的isp,因此当cookie发送到那里时,我是否会遇到问题?是的,只要cookie位于同一顶级域(例如google.com),您就可以读取cookie这是一个非常棒的页面,它包含了整个shebang,能够更改一组相关页面的字体大小对我来说非常重要记住,给定页面的字体大小已增大,这很烦人。更改一组相关页面的字体大小对我来说很重要。哦,我发现浏览器(Firefox)记住给定页面的字体大小已增大这一事实很烦人。