JavaScript@media打印样式表不工作
JavaScript @media print stylesheet not working
我已经开始尝试制作简单的HTML和CSS网页,同时加入一些JavaScript。我正在尝试制作一个简单的打印按钮,当你打印它时它不会显示。我在SA周围搜索了各种答案,我看到了很多关于link media= "print"
的东西。样式表中有一个类,您可以在其中编写display: none
或visibility: hidden
。然后你可以把它应用到你的按钮上。
问题是,当我尝试这样做时,当页面预览弹出时,它不会变成不可见的。这是我的主要代码:
<link rel="stylesheet" href="print.css"
type="text/css" media="print" />
<script type = "text/javascript">
function newPerson(firstname, lastname, age, gender, birthmonth, birthdate) {
this.firstname = firstname;
this.lastname = lastname;
this.age = age;
this.gender = gender;
this.birthmonth = birthmonth;
this.birthdate = birthdate;
this.birthyear = birthdayCalculate;
}
function birthdayCalculate() {
var date = new Date();
var CurYear = date.getFullYear()
var CurMonth = date.getMonth()
var birthyear = CurYear - this.age
if (this.birthmonth > CurMonth) {
birthyear --
}
return birthyear
}
function testFunction(form) {
var firstName = form.firstName.value
var lastName = form.lastName.value
var Age = form.Age.value
var Gender = form.Gender.value
var birthMonth = form.birthMonth.value
var birthDate = form.birthDate.value
var new1 = new newPerson(firstName, lastName, Age, Gender, birthMonth, birthDate)
var person = new1.firstname + " " + new1.lastname + " is " + new1.age + " and is " + new1.gender + " and was born on "
+ new1.birthmonth + "/" + new1.birthdate + "/" + new1.birthyear() + "." + "<br />"
document.write(person);
winVar = window.open();
winVar.document.write(person);
winVar.focus();
winVar.document.write(
"<input type='button' " +
"onClick= 'window.print();'" +
"value ='Print This Page' " +
"class = 'print' " +
"/>");}
</script>
我想你可以看出我用过表格。我想我不需要给你看这个。css也非常简单:
.print{
visibility: hidden
}
有人看到我的剧本有什么不对吗?还有一点,我用的是谷歌浏览器。
css在这种情况下使用javascript将没有帮助。你必须这样做:
假设这是你的打印按钮<input type="button" value="print" onclick="this.setAttribute('hidden''hidden')"/>
使用setAttribute函数单击时隐藏按钮。
希望它能起作用。。
相关文章:
- 滑动旋转木马无法使用默认样式正常工作
- ng样式在与的预标记中!重要的是不能工作
- ng 样式无法正常工作
- 动态行无需样式即可工作
- JavaScript@media打印样式表不工作
- Fuelux-日期选择器样式无法正常工作
- 浏览器在繁重的工作负载之前不应用样式
- 循环时更改数组中项目的样式是't工作
- 为什么 javascript 样式属性无法按预期工作
- 如果填充了三个输入并且两个特定的输入相等,则会更改按钮样式;除非不删除“不等于”输入的值,否则它可以工作
- Rails:样式表/ javascript在Dev中工作,而不是在Prod中
- :在样式表中使用和在react中导入时,pseudo类后不工作
- 基于XML属性更改样式的indesigncs6脚本不工作
- 当使用javascript更改样式背景时,原来的a:hover停止工作
- 我如何添加变换样式总是工作
- 聚合物1.4.0到1.7.0,全局:根样式不再工作
- JQuery计算器不工作,因为新的CSS样式
- 一些CSS样式不能在SVG上工作
- CSS样式的输入不工作
- 样式在
中不能正常工作