使用javascript子字符串指定字符长度_Javascript_Html

使用javascript子字符串指定字符长度

javascript html

使用javascript子字符串指定字符长度,javascript,html,Javascript,Html,我的网页上有一个标题，我想限制在一定数量的字符。这个标题是一篇博客文章的标题，因此标题会发生变化。这正是我想要实现的目标 <body> <script> var x= document.getElementById("entry-title"); document.write(x.substring(0,10)); <script> <h1 id="entry-title">This is a sampl

我的网页上有一个标题，我想限制在一定数量的字符。这个标题是一篇博客文章的标题，因此标题会发生变化。这正是我想要实现的目标

<body>

   <script>
    var x= document.getElementById("entry-title");
    document.write(x.substring(0,10));
   <script> 

    <h1 id="entry-title">This is a sample blog title</h1>

</body>


var x=document.getElementById（“条目标题”）；
写（x.substring（0,10））；
这是一个示例博客标题

试试看

 <body>

   <script>
   window.onload = 
   function (){
    var x= document.getElementById("entry-title");
    x.innerText = x.innerText.substring(0,10);
    }
   </script> 




    <h1 id="entry-title">This is a sample blog title</h1>



</body>


window.onload=
函数（）{
var x=document.getElementById（“条目标题”）；
x、 innerText=x.innerText.substring（0,10）；
}
这是一个示例博客标题

这里有jquery的代码

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js" ></script>
</head>
<body>

   <script>

       $(document).ready(

       function (){
           var text = $("#entry-title").text();
           var x= $("#entry-title").text(text.substring(0,10));
       }
    );
   </script> 

    <h1 id="entry-title">This is a sample blog title</h1>

</body>
</html>


$（文件）。准备好了吗(
函数（）{
var text=$（“#条目标题”）.text（）；
var x=$（“#条目标题”）.text（text.substring（0,10））；
}
);
这是一个示例博客标题

这是一个示例博客标题
（功能（）{
var el=document.getElementById（“条目标题”），
supportedProp=el.textContent！=null？'textContent'：'innerText'；
el[supportedProp]=el[supportedProp]。子字符串（0,10）；
}());

您必须将脚本放在要引用的元素下面，或者使用

domcontentload

或window

load

事件处理程序延迟其执行

此外，W3C标准属性是

textContent

，而不是IE的专有属性（由Chrome采用）

innerText

属性。因此，如果你想同时支持Firefox和IE，你需要做一些功能检测。Chrome接受这两个属性中的任何一个。

不会

x.innerText=x.substring（0,10）做你想做的事？在Firefox中使用innerText
将失败。可以使用jQuery或其他掩盖这些差异的库，也可以使用feature detect来检测textContent
而不是innerText。
<h1 id="entry-title">This is a sample blog title</h1>
<script>
(function() {
    var el = document.getElementById("entry-title"),
        supportedProp = el.textContent != null ? 'textContent' : 'innerText';

    el[supportedProp] = el[supportedProp].substring(0, 10);
}());
</script>