Sometimes, we want to open Print Preview with JavaScript.
In this article, we’ll look at how to open Print Preview with JavaScript.
To open Print Preview with JavaScript, we use the window.print method.
For instance, we write
window.print()
to open the print preview dialog with JavaScript.
To open Print Preview with JavaScript, we use the window.print method.
Sometimes, we want to auto-size an iFrame with JavaScript.
In this article, we’ll look at how to auto-size an iFrame with JavaScript.
To auto-size an iFrame with JavaScript, we set the iframe’s width and height to the body’s dimensions.
For instance, we write
parent.document.getElementById("the-iframe-id").style.height =
document.body.offsetHeight + "px";
to get the iframe with getElementById.
We set its style.height property to the body’s height to change its height to the body’s height.
We get the body’s height in pixels with document.body.offsetHeight.
To auto-size an iFrame with JavaScript, we set the iframe’s width and height to the body’s dimensions.
Sometimes, we want to create a set of objects in JavaScript.
In this article, we’ll look at how to create a set of objects in JavaScript.
To create a set of objects in JavaScript, we use the Set constructor.
For instance, we write
const s = new Set();
const a = {};
const b = {};
s.add(a);
console.log(s.has(a));
console.log(s.has(b));
to create set s with Set.
Then we call add to add a into s.
Next we check if a and b is in s with has.
If the object reference is in the set, then it returns true.
Therefore, the first console log logs true and the 2nd one logs false.
To create a set of objects in JavaScript, we use the Set constructor.
Sometimes, we want to get months difference with Moment.js and JavaScript.
In this article, we’ll look at how to get months difference with Moment.js and JavaScript.
To get months difference with Moment.js and JavaScript, we use the diff method.
For instance, we write
const monthDiff = moment([2022, 1, 1]).diff(
moment([2013, 9, 31]),
"months",
true
);
to call moment to convert the arrays with year, month, and day to moment objects.
Then we call diff to get the difference in months between the 2 moment objects.
To get months difference with Moment.js and JavaScript, we use the diff method.
Sometimes, we want to dynamically using the first frame as poster in HTML5 video.
In this article, we’ll look at how to dynamically using the first frame as poster in HTML5 video.
To dynamically using the first frame as poster in HTML5 video, we add #t= at the end of the video URL.
For instance, we write
<video width="400" controls="controls" preload="metadata">
<source
src="https://www.example.com/html/mov_bbb.mp4#t=0.5"
type="video/mp4"
/>
</video>
to add #t=0.5 to the end of the video URL to move to the first frame of the video.
To dynamically using the first frame as poster in HTML5 video, we add #t= at the end of the video URL.