<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>BOM</title>
<style type="text/css">
.box {
display: flex;
justify-content: flex-start;
grid-template-columns:100px 100px;
grid-template-rows:100px 100px;
}
.box div{
background-color: pink;
font-size: 150%;
padding: 20px;
margin: 10px;
}
.one{
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 4;
background-color: black;
font-family: 华文行楷;
}
</style>
</head>
<head>
<script>
function newDoc(){
window.location.assign("https://baike.baidu.com/item/%E5%BC%A0%E7%88%B1%E7%8E%B2%E6%96%87%E9%9B%86/1562838?fr=aladdin")
}
</script>
</head>
<body>
<input type="button" value="张爱玲文集" onclick="newDoc()">
<div class="box">
<div class="one">振保的生命里有两个女人，她说一个是他的白玫瑰，一个是他的红玫瑰。一个是圣洁的妻，一个是热烈的情妇——普通人向来是这样把节烈两个字分开来讲的。
也许每一个男子全都有这样的两个女人，至少两个。娶了红玫瑰，久而久之，红的变了墙上的一抹蚊子血，白的还是“床前明月光”；娶了白玫瑰，白的便是衣服上沾的一粒饭粘子，红的却是心口上一颗朱砂痣。终振保可不是这样的。他是有始有终，有条有理的。他整个地是这样一个最合理想的中国现代人物，纵然他遇到的事不是尽合理的。给他自己心问口，口问心，几下子一调理，也就变得仿佛理想化了，万物各得其所。</div>
</div>
<p>点击按钮输入你喜欢的张爱玲诗文集</p>
<button onclick="myFunction()">点我输入</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var person=prompt("请输入你喜欢的诗文集","张爱玲");
if (person!=null && person!=""){
x="Hello " + "今天，你又被感触了吧！";
document.getElementById("demo").innerHTML=x;
}
}
</script>
</body>
</html>