react 改变html的标题,react 动态修改 document.title

装饰器

// withComponents/withHeaderBar.js

import React, { Component } from "react";

import HeaderBar from "../components/headerAppBar";

const l = console.log;

const styles = {

root: {

marginTop: "3rem",

},

};

export default function withHeaderBar({

title,

children,

position,

component = true,

}) {

return function(Target) {

return class WithHeaderBar extends Component {

componentWillMount() {

// document.title = title;

setTitle(title);

}

render() {

const style = position === "fixed" ? styles.root : {};

return component ? (

) : (

);

}

};

};

}

function setTitle(t) {

document.title = t;

var iframe = document.createElement("iframe");

iframe.style.visibility = "hidden";

iframe.setAttribute("src", "favicon.ico");

var iframeCallback = function() {

setTimeout(function() {

iframe.removeEventListener("load", iframeCallback);

document.body.removeChild(iframe);

}, 0);

};

iframe.addEventListener("load", iframeCallback);

document.body.appendChild(iframe);

}

使用

@withHeaderBar({

title: "附近优惠",

position: "fixed",

})

class NearbyOffers extends Component {

render() { ... }

}

hack在微信等webview中无法修改document.title的情况

var $body = $('body'); document.title = '确认车牌'; // hack在微信等webview中无法修改document.title的情况 var $iframe ...

微信等webview中无法修改document.title的情况

// hack在微信等webview中无法修改document.title的情况 var $iframe = $('alert('操作成功!');window.history.go(-2);window.close(); ...

了解C#文件操作

using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Tex ...

solr解决访问安全

Tomcat7,solr3.6,mmseg1.8 1:环境的搭建 1:解压tomcat,solr,mmseg4j 2:复制dist文件夹下apache-solr.war到tomcat的webapp文件 ...