利用JavaScript对HTML和CSS实现简单的动态操作

假如我们现在想通过JS对原本的HTML或者CSS的内容或样式进行改变，比如说显示或隐藏内容、弹出各类对话框、改变内容的property、打开关闭窗口等等，我们应该怎么做呢？

首先我们先了解几个常用的JS代码：

• alert警告对话框，alert（）
• confirm确认对话框，confirm（）
• prompt消息对话框，prompt（）
• window.open打开新窗口，window.open(‘路径参数’，‘打开窗口的位置和名称’，‘自选参数’)
• window.close关闭窗口，window.close（）
• display隐藏或显示属性，Object.style.display=value
• property改变样式属性，Object.style.property=new style

现在我们用上述代码中的一些代码来为网页添加动态效果。

假如我现在要编写一个代码，可以对网页中的内容进行颜色、字体、宽高进行改变，隐藏内容、显示内容、在新的窗口打开文中的网页，最后还可以取消我刚才所改变的设置的操作，我们应该怎样编写函数呢？