方法:1、用“document.getElementsByTagName(\”title\”)[0].innerText=\’值\’”语句;2、用“document.title=\’值\’”语句;3、用“$(\’title\’).html(\’值\’)”语句。
本教程操作环境:windows7系统、javascript1.8.5&&jquery1.10.2版、Dell G3电脑。
js设置html title标题
innerText 方式
通过console.log(document.getElementsByTagName(\”title\”)[0]),发现能打印出<title>标签,标签里面只有文字节点,故猜测只能识别TextNode,所以用innerText方式设置title的值,果然成功了。
document.getElementsByTagName(\”title\”)[0].innerText = \’需要设置的值\’;
document.title方式
经过测试,还可通过document.title 设置title的值。
console.log(document.title); # 可以获取title的值。document.title = \’需要设置的值\’; # 设置title的值。
jQuery方式
jQuery方式我们在浏览器取得了焦点和失去焦点的时候改变title的值,可以发现切换浏览器选项卡的时候,title发生了改变。
当然如果你的项目里面依赖jQuery,可以使用jq的方法设置
$(\’title\’).html(\’需要设置的值\’)$(\’title\’).text(\’需要设置的值\’)
例:
<!DOCTYPE html><html><head><meta charset=\”UTF-8\”><title>hello</title><script src=\”js/jquery-1.7.2.min.js\”></script></head><body><script type=\”text/javascript\”>// $(\’title\’).html(\’php中文网\’);$(\’title\’).text(\’php中文网\’);</script></body></html>
总结
原生js中我们可以通过innerText,document.title两种方式动态修改网页的title .
jq中我们可以通过$(\’title\’).html(\’\’)或者$(\’title\’).text(\’\’)进行修改。
【推荐学习:javascript高级教程】
更多关于云服务器,域名注册,虚拟主机的问题,请访问西部数码官网:www.west.cn